列印 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 需加入 才可換頁: (2008/2/16 更新)
範例:
第一頁
<P style=’page-break-after:always’> </P>
第二頁
其它 CSS 列印相關屬性可以參考:
http://www.w3schools.com/css/css_ref_print.asp
8 comments On 列印 HTML 網頁強制換頁的方式
剛好在找如何解決html換頁的問題~看到Neo大大提供的這個方法,正好解決我的問題,非常感謝~
感謝分享
請問有這種指令嗎? 就是『規定某一段資料必需印同一頁』請問有人會嗎? 請回我信箱! Thank you!
太棒了!剛好需要,感恩
太感謝了
馬上解決我的問題~
今天升級完IE7後..發現這個功能在IE7好像沒有支援.
今天剛好在找 為什麼用了多年的page-break-after: always
在 IE 7 下 會出問題,終於找到解答了,謝謝囉 ~~
感謝分享