CSS實現強制瀏覽器分頁

2024-07-11 08:43:58

字體：大中小

來源：轉載

供稿：網友

CSS相對比較弱，例如：自動分頁，就基本沒啥實際用途。我們通常需要自己在需要的時候，強制瀏覽器分頁.
　雖然VeVb.com向大家介紹了很多CSS屬性的相關知識，但有些非常冷門的屬性還是有所欠缺。在B/S程序中，對打印頁面的控制，CSS相對比較弱，例如：自動分頁，就基本沒啥實際用途。我們通常需要自己在需要的時候，強制瀏覽器分頁，這時可以使用以下樣式：
<style type="text/css">
　　.jb51com { page-break-after:always;}
</style>
　　auto ：對頁面分割沒有影響。
　　always：強制在元素后出現頁分割符。
　　avoid ：避免在元素后出現頁分割符。
　　left ：在元素后面插入頁分割符直到它到達一個空白的左頁邊。
　　right ：在元素后面插入頁分割符直到它到達一個空白的右頁邊。
　　inherit ：使用與父元素相同的屬性值。
　　web打印分頁時，在需要分頁的地方可以插入標簽
<p class="jb51com"></p>，
或
<div class="jb51com"></div>
即可！
　　但在使用的時候，可能會碰到IE能正常分頁，但Firefox卻沒有任何效果。經過分析發現，在Firefox中使用page-break-after屬性時，不能像所有的打印內容都放在一個表中。也就是說Firefox是不能將表斷開的。所以在Firefox中使用page-break-after進行分頁打印，要避免將打印的內容放在一個表中，取代的方法可以將內容放在一個DIV中。

上一篇：CSS教程：徹底弄懂閉合浮動元素

下一篇：CSS教程:背景background屬性應用