列印 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>
第二頁

其它 CSS 列印相關屬性可以參考:
http://www.w3schools.com/css/css_ref_print.asp

8 comments On 列印 HTML 網頁強制換頁的方式

Leave a reply:

Your email address will not be published.

Site Footer

Sliding Sidebar