應(yīng)用CSS的page-break-after屬性 實現(xiàn)WEB頁面強(qiáng)制分頁打印_CSS教程
雖然Mb5u.com向大家介紹了很多CSS屬性的相關(guān)知識,但有些非常冷門的屬性還是有所欠缺。在B/S程序中,對打印頁面的控制,CSS相對比較弱,例如: 自動分頁, 就基本沒啥實際用途。我們通常需要自己在需要的時候,強(qiáng)制瀏覽器分頁,這時可以使用以下樣式:
auto :對頁面分割沒有影響。
always:強(qiáng)制在元素后出現(xiàn)頁分割符。
avoid :避免在元素后出現(xiàn)頁分割符。
left :在元素后面插入頁分割符直到它到達(dá)一個空白的左頁邊。
right :在元素后面插入頁分割符直到它到達(dá)一個空白的右頁邊。
inherit :使用與父元素相同的屬性值。
web打印分頁時,在需要分頁的地方可以插入標(biāo)簽
但在使用的時候,可能會碰到IE能正常分頁,但Firefox卻沒有任何效果。經(jīng)過分析發(fā)現(xiàn),在Firefox中使用page-break-after屬性時,不能像所有的打印內(nèi)容都放在一個表中。也就是說Firefox是不能將表斷開的。所以在Firefox中使用page-break-after進(jìn)行分頁打印,要避免將打印的內(nèi)容放在一個表中,取代的方法可以將內(nèi)容放在一個DIV中。
示例代碼 [www.hl5o.cn]
<style type="text/css">
.w3cbbs { page-break-after:always;}
</style>
.w3cbbs { page-break-after:always;}
</style>
auto :對頁面分割沒有影響。
always:強(qiáng)制在元素后出現(xiàn)頁分割符。
avoid :避免在元素后出現(xiàn)頁分割符。
left :在元素后面插入頁分割符直到它到達(dá)一個空白的左頁邊。
right :在元素后面插入頁分割符直到它到達(dá)一個空白的右頁邊。
inherit :使用與父元素相同的屬性值。
web打印分頁時,在需要分頁的地方可以插入標(biāo)簽
示例代碼 [www.hl5o.cn]
<p class="w3cbbs"></p>,
或
<div class="w3cbbs"></div>
即可!
或
<div class="w3cbbs"></div>
即可!
但在使用的時候,可能會碰到IE能正常分頁,但Firefox卻沒有任何效果。經(jīng)過分析發(fā)現(xiàn),在Firefox中使用page-break-after屬性時,不能像所有的打印內(nèi)容都放在一個表中。也就是說Firefox是不能將表斷開的。所以在Firefox中使用page-break-after進(jìn)行分頁打印,要避免將打印的內(nèi)容放在一個表中,取代的方法可以將內(nèi)容放在一個DIV中。
相關(guān)CSS教程:
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
- CSS教程17、CSS的優(yōu)先級特性Specificity[翻譯Htmldog]
- Web標(biāo)準(zhǔn):關(guān)于DOCTYPE
- css教程:CSS語法(CSSSyntax)
- CSS代碼結(jié)構(gòu)初探:再談div和span!
- CSS教程:合理的減少標(biāo)簽的使用并適度的使用class與id
- 深入css結(jié)構(gòu)的探討如何運用div和span才是合理的!
- 如何應(yīng)用CSS控制網(wǎng)頁背景?
- CSS教程:網(wǎng)頁文本漸變
- CSS代碼結(jié)構(gòu)初探:根基的建立使有意義的html標(biāo)記
- CSS初級教程應(yīng)用CSS
- 相關(guān)鏈接:
復(fù)制本頁鏈接| 搜索應(yīng)用CSS的page-break-after屬性 實現(xiàn)WEB頁面強(qiáng)制分頁打印
- 教程說明:
CSS教程-應(yīng)用CSS的page-break-after屬性 實現(xiàn)WEB頁面強(qiáng)制分頁打印
。