首頁 > web前端 > css教學 > 主體

使用css中的page-break-after屬性來實作WEB頁面強制分頁列印

黄舟
發布: 2017-07-08 09:56:07
原創
2264 人瀏覽過

雖然dedecms.com向大家介紹了許多CSS屬性的相關知識,但有些非常冷門的屬性還是有所欠缺。在B/S程式中,對列印頁面的控制,CSS相對比較弱,例如: 自動分頁, 就基本沒啥實際用途。我們通常需要自己在需要的時候,強制瀏覽器分頁,這時可以使用以下樣式:

範例程式碼

 [www.dedecms.com]<style type="text/css">
  .w3cbbs { page-
break
-after:always;}
</style>
登入後複製

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

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

範例程式碼

 [www.dedecms.com]<p class="w3cbbs"></p>,
登入後複製


<p class="w3cbbs"></p>
登入後複製


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

以上是使用css中的page-break-after屬性來實作WEB頁面強制分頁列印的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
web
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板