CSS小技巧:利用CSS,給WEB頁面強制分頁,用於列印!

來源:互聯網
上載者:User

  B/S程式中, 對列印頁面的控制, 相對比較弱, 例如: 自動分頁, 就基本沒啥實際用途。我們通常需要自己在需要的時候,強制瀏覽器分頁,這時可以使用以下樣式:
<style type="text/css">
  .pageBreak{ page-break-after:always;}
</style>
auto :對頁面分割沒有影響。

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

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

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

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

inherit :使用與父元素相同的屬性值。
  web列印分頁時,在需要分頁的地方可以插入標籤<p class="pageBreak"></p>,
或<div class="pageBreak"></div>即可!
  但在使用的時候,可能會碰到IE能正常分頁,但Firefox卻沒有任何效果。經過分析發現,在Firefox中使用page-break-after屬性時,不能像所有的列印內容都放在一個表中。也就是說Firefox是不能將表斷開的。所以在Firefox中使用page-break-after進行分頁列印,要避免將列印的內容放在一個表中,取代的方法可以將內容放在一個DIV中。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.