CSS實(shí)現(xiàn)強(qiáng)制瀏覽器分頁
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2009-04-02 19:33:29 作者:佚名
我要評論

網(wǎng)頁制作Webjx文章簡介:CSS相對比較弱,例如: 自動(dòng)分頁, 就基本沒啥實(shí)際用途。我們通常需要自己在需要的時(shí)候,強(qiáng)制瀏覽器分頁.
雖然webjx.com向大家介紹了很多CSS屬性的相關(guān)知識,但有些非常冷門的屬性還是有所欠缺。在B/
CSS相對比較弱,例如: 自動(dòng)分頁, 就基本沒啥實(shí)際用途。我們通常需要自己在需要的時(shí)候,強(qiáng)制瀏覽器分頁.
雖然jb51.net向大家介紹了很多CSS屬性的相關(guān)知識,但有些非常冷門的屬性還是有所欠缺。在B/S程序中,對打印頁面的控制,CSS相對比較弱,例如: 自動(dòng)分頁, 就基本沒啥實(shí)際用途。我們通常需要自己在需要的時(shí)候,強(qiáng)制瀏覽器分頁,這時(shí)可以使用以下樣式:
<style type="text/css">
.jb51com { page-break-after:always;}
</style>
auto :對頁面分割沒有影響。
always:強(qiáng)制在元素后出現(xiàn)頁分割符。
avoid :避免在元素后出現(xiàn)頁分割符。
left :在元素后面插入頁分割符直到它到達(dá)一個(gè)空白的左頁邊。
right :在元素后面插入頁分割符直到它到達(dá)一個(gè)空白的右頁邊。
inherit :使用與父元素相同的屬性值。
web打印分頁時(shí),在需要分頁的地方可以插入標(biāo)簽
<p class="jb51com"></p>,
或
<div class="jb51com"></div>
即可!
但在使用的時(shí)候,可能會(huì)碰到IE能正常分頁,但Firefox卻沒有任何效果。經(jīng)過分析發(fā)現(xiàn),在Firefox中使用page-break-after屬性時(shí),不能像所有的打印內(nèi)容都放在一個(gè)表中。也就是說Firefox是不能將表斷開的。所以在Firefox中使用page-break-after進(jìn)行分頁打印,要避免將打印的內(nèi)容放在一個(gè)表中,取代的方法可以將內(nèi)容放在一個(gè)DIV中。
相關(guān)文章
- 這篇文章主要介紹了設(shè)計(jì)適用于打印的CSS樣式,特別適用于生成文件類型的頁面直接打印使用,需要的朋友可以參考下2015-07-09
- 網(wǎng)頁打印效果的實(shí)現(xiàn)并不難,下面為大家介紹下如何通過css控制漂亮的網(wǎng)頁打印效果,感興趣的朋友不要錯(cuò)過2013-10-12
將XHTML CSS頁面轉(zhuǎn)換為打印機(jī)頁面
在以前,為Web頁面創(chuàng)建一個(gè)打印機(jī)友好的版本意味著要設(shè)計(jì)一個(gè)布局和格式都經(jīng)過修改的單獨(dú)頁面,這樣才能夠在打印的時(shí)候獲得令人滿意的效果?,F(xiàn)在,通過使用結(jié)構(gòu)化的XHTML和2009-04-02將XHTML CSS頁面轉(zhuǎn)換為打印機(jī)頁面
在以前,為Web頁面創(chuàng)建一個(gè)打印機(jī)友好的版本意味著要設(shè)計(jì)一個(gè)布局和格式都經(jīng)過修改的單獨(dú)頁面,這樣才能夠在打印的時(shí)候獲得令人滿意的效果?,F(xiàn)在,通過使用結(jié)構(gòu)化的XHT2008-10-17- 這篇文章主要介紹了詳解CSS3中@media的實(shí)際使用,是CSS3入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-08-04
- 這篇文章主要介紹了CSS3的media query學(xué)習(xí)攻略,media query的媒體查詢經(jīng)常被用于設(shè)計(jì)響應(yīng)式網(wǎng)頁,需要的朋友可以參考下2015-07-21
詳解CSS3中Media Queries的相關(guān)使用
這篇文章主要介紹了詳解CSS3中Media Queries的相關(guān)使用,是CSS3入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-07-17- 最近在做一些頁面打印時(shí)的特殊處理接觸到了media queries,想系統(tǒng)學(xué)習(xí)一下,在MOZILLA DEVELOPER NETWORK看到一篇文章講的很不錯(cuò),結(jié)合自己的使用總結(jié)一下2013-08-29
CSS3 Media Queries(響應(yīng)式布局可以讓你定制不同的分辨率和設(shè)備)
Media Queries這功能是非常強(qiáng)大的,他可以讓你定制不同的分辨率和設(shè)備,并在不改變內(nèi)容的情況下,讓你制作的web頁面在不同的分辨率和設(shè)備下都能顯示正常,并且不會(huì)因此而丟2013-06-06徹底弄明白CSS3的Media Queries(跨平臺設(shè)計(jì))
CSS3的Media Queries 完美解決網(wǎng)站與手機(jī)跨平臺設(shè)計(jì).2010-07-27