首頁 > web前端 > css教學 > CSS中page-break-after屬性用法

CSS中page-break-after屬性用法

黄舟
發布: 2017-07-08 09:59:21
原創
1728 人瀏覽過

你對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"> </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屬性的效果。

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

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