CSS2.0中page-break-after屬性用法
作者：admin
這里和大家分享一下CSS2.0中page-break-after屬性用法，page-break-after屬性是CSS中用來設(shè)置打印分頁的CSS屬性，支持所有的瀏覽器。
你對CSS2.0中page-break-after屬性用法是否了解，這里向大家簡單描述一下，CSS中page-break-after屬性有auto默認，always，avoid和inherit等幾個選擇項，下面請看他們的具體用法介紹。
CSS2.0中page-break-after屬性用法
page-break-after是CSS中用來設(shè)置打印分頁的CSS屬性，支持所有的瀏覽器。
page-break-after有以下幾個選擇項：
◆auto默認。如果必要則在元素后插入分頁符。
◆always在元素后插入分頁符。
◆avoid避免在元素后插入分頁符。
◆left在元素之后足夠的分頁符，一直到一張空白的左頁為止。
◆right在元素之后足夠的分頁符，一直到一張空白的右頁為止。
◆inherit規(guī)定應(yīng)該從父元素繼承page-break-after屬性的設(shè)置。
我們常用的分頁標簽為：
示例代碼：
- <divstyledivstyle="page-break-after:always">
- <spanstylespanstyle="display:none"> </span>
- </div>
同樣我們也可以設(shè)置表格的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>
在上面的實例中，兩個表格的數(shù)據(jù)在打印預(yù)覽中是分開在2個頁面打印的，這就是使用page-break-after屬性的效果。
本文來自CSS在線：http://www.CSSCSS.org/CSSarticle/2010318814.shtml
【編輯推薦】
責任編輯：佚名
來源：
csscss.org
