應用CSS的page-break-after屬性 實現WEB頁面強制分頁打印


雖然dedecms.com向大家介紹了很多CSS屬性的相關知識,但有些非常冷門的屬性還是有所欠缺。在B/S程序中,對打印頁面的控制,CSS相對比較弱,例如: 自動分頁, 就基本沒啥實際用途。我們通常需要自己在需要的時候,強制瀏覽器分頁,這時可以使用以下樣式:

示例代碼 [www.dedecms.com]<style type="text/css">
  .w3cbbs { page-break-after:always;}
</style>
  auto :對頁面分割沒有影響。 
  always:強制在元素后出現頁分割符。 
  avoid :避免在元素后出現頁分割符。 
  left :在元素后面插入頁分割符直到它到達一個空白的左頁邊。 
  right :在元素后面插入頁分割符直到它到達一個空白的右頁邊。 
  inherit :使用與父元素相同的屬性值。 

  web打印分頁時,在需要分頁的地方可以插入標簽

示例代碼 [www.dedecms.com]<p class="w3cbbs"></p>,

<div class="w3cbbs"></div>
即可!
  但在使用的時候,可能會碰到IE能正常分頁,但Firefox卻沒有任何效果。經過分析發現,在Firefox中使用page-break-after屬性時,不能像所有的打印內容都放在一個表中。也就是說Firefox是不能將表斷開的。所以在Firefox中使用page-break-after進行分頁打印,要避免將打印的內容放在一個表中,取代的方法可以將內容放在一個DIV中。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM