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

  你对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属性的效果。

生活会变成什么样子?正因为时光流逝一去不复返,

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

相关文章:

你感兴趣的文章:

标签云: