使用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>，

或

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

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

以上是使用css中的page-break-after屬性來實作WEB頁面強制分頁列印的詳細內容。更多資訊請關注PHP中文網其他相關文章！