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