html 打印换页(转载)

发表于 更新于 分类于

打印 HTML网页强制换页的方式

wyf1022
于 2008-09-07 23:27:00 发布 9386
文章标签： html css div ie

打印 HTML网页强制换页是一件很令人困惑的事，要达到这个功能其实可以通过 CSS 的 Pagebreak 来实现。

强制分页大概只有两种CSS会被用到：

1
2
{ page-break-after: always; /*在标签后换页*/ }
{ page-break-before: always; /*在标签前换页*/ }

此二者中，最常用的大概就是page-break-after了，就是在指定的标签后强制换页，下面举一个例子：

1
2
<div STYLE=" page-break-after: always;"> 第一页 </div>
第二页

在浏览器中点击打印，给出的预览界面中这两个标签确实被分成了两页。

其他相关CSS熟悉可以参考下面的网站：

https://www.w3schools.com/cssref/pr_print_pageba.php

https://www.w3schools.com/cssref/pr_print_pagebb.php

https://www.w3schools.com/cssref/pr_print_pagebi.php