CSS中page-break-after屬性用法

來源:互聯網
上載者:User
你對CSS2.0中page-break-after屬性用法是否瞭解,這裡向大家簡單描述一下,CSS中page-break-after屬性有auto預設,always,avoid和inherit等幾個選擇項,下面請看他們的具體用法介紹。

CSS2.0中page-break-after屬性用法

page-break-after是CSS中用來設定列印分頁的CSS屬性,支援所有的瀏覽器。

page-break-after有以下幾個選擇項:

◆auto預設。如果必要則在元素後插入分頁符。

◆always在元素後插入分頁符。

◆avoid避免在元素後插入分頁符。

◆left在元素之後足夠的分頁符,一直到一張空白的左頁為止。

◆right在元素之後足夠的分頁符,一直到一張空白的右頁為止。

◆inherit規定應該從父元素繼承page-break-after屬性的設定。

我們常用的分頁標籤為:

範例程式碼:

<divstyledivstyle="page-break-after:always"> <spanstylespanstyle="display:none">&nbsp;</span> </div>

同樣我們也可以設定表格的CSS列印樣式。下面是執行個體,每個table都是分頁列印:

範例程式碼

<html> <head> <style> @mediaprint  {  table{page-break-after:always;}  }  </style> </head> <body> <table><tr><td>第一個表格</td></tr><tr><td>第一個表格</td></tr></table> <table><tr><td>第二個表格</td></tr><tr><td>第二個表格</td></tr></table> </body> </html>

在上面的執行個體中,兩個表格的資料在預覽列印中是分開在2個頁面列印的,這就是使用page-break-after屬性的效果。

相關文章

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.