首頁 > web前端 > css教學 > 簡單介紹page-break-after屬性的使用

簡單介紹page-break-after屬性的使用

黄舟
發布: 2017-07-08 09:40:20
原創
2432 人瀏覽過

在前面的課程中,小編向大家介紹了許多常用的css屬性。今天小編想改改路線,為大家介紹一個相對冷門的屬性-page-break-after,雖說這個屬性使用率相當低,但說不定在某種情況下會對大家有所幫助喔!

  page-break-after屬性對於許多CSS學習者來說是相當陌生的,小編也是在一次很偶然的機會下看到這個屬性。這個屬性主要用於在B/S程式中,對列印頁面的控制。但在實際中,CSS在這方面的控制能力相對較差,例如:自動分頁,就基本沒啥實際用途。我們通常需要自己在需要的時候,強制瀏覽器分頁。

簡單介紹page-break-after屬性的使用

話雖如此,但我們還是先來看看page-break-after的屬性值以及它們的用途吧!其屬性值包括:auto、always、avoid、leftright和inherit。

  auto:對頁面分割沒有影響。 

  always:強制在元素後面出現頁分割符號。 

  avoid:避免在元素後面出現頁分割符號。 

  left:在元素後面插入頁分割符號直到它到達一個空白的左頁邊。 

  right:在元素後面插入頁分割符號直到它到達一個空白的右頁邊。 

  inherit:使用與父元素相同的屬性值。 

  在了解其屬性值之後,如果我們想在web列印分頁時,在需要分頁的地方插入標籤即可。

   如:

簡單介紹page-break-after屬性的使用

在這裡提醒大家一點:在Firefox上使用page-break-after是沒有任何效果的,這是因為Firefox不能將表斷開。其解決的方法是不要將列印的內容放在一個表中,而是放在一個DIV中。

  說了這麼多,可能有的人還是覺得對自己沒什麼用。這也是可以理解的,畢竟技術很抽象,用不到就不曉得它的重要性。那麼小編舉個例子,安宮牛黃丸大家都很熟悉了吧。家裡有老人中風的時候,用它來急救一下,就可以爭取到足夠的時間把病人送到醫院做進一步的治療,其重要性不言而喻。 page-break-after也是一樣,雖然平常可能用不上,但突然遇到加急的列印需求時,它就能派上用場了。

以上是簡單介紹page-break-after屬性的使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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