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