Neo's Blog

首頁 相本 討論 書籤

分類目錄
本站日誌 (51)
碎碎唸啦 (173)
網站架設 (84)
程式設計 (161)
軟體使用 (69)
電子商務 (126)
經營奇想 (48)
基金理財 (11)
聰明消費 (87)
電影心得 (47)
開放原碼 (16)
工作記錄 (2)
毛毛小記 (9)
就是不同 (2)




歷史資料
 




December 07, 2005
列印 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

 
由 Neo 發表於 December 7, 2005 06:54 PM 收進你的MyShare個人書籤  

剛好在找如何解決html換頁的問題~看到Neo大大提供的這個方法,正好解決我的問題,非常感謝~


kelly 發表於 September 11, 2006 04:28 PM

感謝分享


nian 發表於 November 21, 2006 12:04 PM

請問有這種指令嗎? 就是『規定某一段資料必需印同一頁』請問有人會嗎? 請回我信箱! Thank you!


j.h.pon 發表於 January 6, 2007 06:18 PM

太棒了!剛好需要,感恩


該隱 發表於 April 18, 2007 05:47 PM

太感謝了
馬上解決我的問題~


威威 發表於 June 14, 2007 09:16 PM

今天升級完IE7後..發現這個功能在IE7好像沒有支援.


發表於 November 28, 2007 07:43 PM
發表迴響  
(*星號開頭為必填欄位)











(請輸入您看到的數字,看不到請按右鍵->顯示圖片)


記住我的資訊?







Copyright 2005 Neo's Blog All rights reserved.