CSS中page-break-after屬性用法
- 黄舟原創
- 2017-07-08 09:59:211698瀏覽
你對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中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn