利用CSS樣式輕鬆讓IE列印分頁

來源:互聯網
上載者:User

如何讓網頁在列印時自動分頁,下面介紹最簡單的利用CSS樣式控制IE分頁列印:

首先定義分頁樣式:
<style>
.NextPage{page-break-before:always;}
</style>

再需要分頁的地方調用CSS樣式,如下:
<body>
第一頁
<div class="NextPage"></div>第二頁
<div class="NextPage"></div>第三頁
</body>

在IE裡面列印欲覽一下。

註:JS調用IE列印命令:window.print();

page-break-after   :   auto   |   always   |   avoid   |   left   |   right   |   null    
     
  參數:    
     
  auto   :    假如需要在對象之後插入頁分割符    
  always   :    始終在對象之後插入頁分割符    
  avoid   :    避免在對象後面插入頁分割符    
  left   :    在對象後面插入頁分割符直到它到達一個空白的左頁邊    
  right   :    在對象後面插入頁分割符直到它到達一個空白的右頁邊    
  null   :    空值。IE5用來取消頁分割符設定    
     
  說明:    
     
  檢索或設定對象後出現的頁分割符。  
  IE5僅支援always值和空白值(null)。  
  在IE4中此屬性不作用於br對象,但是IE5作用。    
  對應的指令碼特性為pageBreakAfter。請參閱我編寫的其他書目。

相關文章

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.