使用css中的page-break-after屬性來實現WEB頁面強制分頁列印

來源:互聯網
上載者:User
雖然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>,


<p class="w3cbbs"></p>


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

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.