亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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樣式

    這篇文章主要介紹了設(shè)計(jì)適用于打印的CSS樣式,特別適用于生成文件類型的頁面直接打印使用,需要的朋友可以參考下
    2015-07-09
  • CSS控制漂亮的網(wǎng)頁打印效果示例代碼

    網(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)化的XHT
    2008-10-17
  • 詳解CSS3中@media的實(shí)際使用

    這篇文章主要介紹了詳解CSS3中@media的實(shí)際使用,是CSS3入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下
    2015-08-04
  • CSS3的media query學(xué)習(xí)攻略

    這篇文章主要介紹了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
  • CSS media queries

    最近在做一些頁面打印時(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

最新評論