html 打印换页(转载)

列印 HTML 網頁強制換頁的方式

列印 HTML 無法強制換頁其實是一件很令人困擾的事，要達到這個功能其實可以透過 CSS 的 Pagebreak 來處理。

強制分頁有大概只有二種用的到:

{ page-break-after: always; /*在標籤後換頁*/ }
{ page-break-before: always; /*在標籤前換頁*/ }

 

這二個當中，大概最常用的就是 page-break-after: always，就是在指定的標籤後強制換頁，可以參考下面的 HTML 範例:

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

再來就可以試著列印看看效果如何。

IE 7 需加入&nbsp; 才可換頁: (2008/2/16 更新)

範例:

第一頁
<P style='page-break-after:always'>&nbsp;</P>
第二頁