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屬性的效果。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

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.