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

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

      示例代碼 [www.wf0088.com]
      <style type="text/css">
        .w3cbbs { page-break-after:always;}
      </style>

        auto :對頁面分割沒有影響。
        always:強制在元素后出現頁分割符。
        avoid :避免在元素后出現頁分割符。
        left :在元素后面插入頁分割符直到它到達一個空白的左頁邊。
        right :在元素后面插入頁分割符直到它到達一個空白的右頁邊。
        inherit :使用與父元素相同的屬性值。

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

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

      <div class="w3cbbs"></div>
      即可!

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

      來源:52CSS//所屬分類:CSS教程/更新時間:2012-06-21
      相關CSS教程