css 打印分頁

在B/S程序中,對打印頁面的控制,CSS相對比較弱,例如: 自動分頁, 就基本沒啥實際用途。我們通常需要自己在需要的時候,強制瀏覽器分頁,這時可以使用以下樣式:

﹤style type="text/css"﹥
.w3cbbs { page-break-after:always;}
﹤/style﹥

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

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

﹤p class="w3cbbs"﹥﹤/p﹥,

﹤div class="w3cbbs"﹥﹤/div﹥
即可!

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章