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

开发 前端
这里和大家分享一下CSS2.0中page-break-after属性用法,page-break-after属性是CSS中用来设置打印分页的CSS属性,支持所有的浏览器。

你对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属性的设置。

我们常用的分页标签为:

示例代码:

  1. <divstyledivstyle="page-break-after:always"> 
  2. <spanstylespanstyle="display:none">&nbsp;</span> 
  3. </div> 
  4.  

同样我们也可以设置表格的CSS打印样式。下面是实例,每个table都是分页打印:

示例代码

  1. <html> 
  2. <head> 
  3. <style> 
  4. @mediaprint  
  5. {  
  6. table{page-break-after:always;}  
  7. }  
  8. </style> 
  9. </head> 
  10. <body> 
  11. <table><tr><td>***个表格</td></tr><tr><td>***个表格</td></tr></table> 
  12. <table><tr><td>第二个表格</td></tr><tr><td>第二个表格</td></tr></table> 
  13. </body> 
  14. </html> 

在上面的实例中,两个表格的数据在打印预览中是分开在2个页面打印的,这就是使用page-break-after属性的效果。

本文来自CSS在线:http://www.CSSCSS.org/CSSarticle/2010318814.shtml

【编辑推荐】

  1. Chroma属性实现CSS滤镜透明效果
  2. 解决CSS margin-top在火狐下失效问题
  3. CSS盒子模式组成及用法解析
  4. 技术分享 使用不同CSS样式兼容多种浏览器
  5. CSS分栏布局的两种方法:绝对定位和浮动
责任编辑:佚名 来源: csscss.org
相关推荐

2010-08-26 15:44:20

CSSexpression

2010-08-27 11:17:49

DIVCSS

2010-09-03 13:30:19

CSS

2010-08-24 13:14:36

CSSmargin

2010-09-13 17:36:02

overflowCSS

2010-09-07 16:46:59

CSSexpression

2010-09-07 14:40:10

title属性Alt属性CSS

2010-08-23 13:40:46

CSSpadding-bot

2010-08-27 11:10:30

CSSmargin

2010-09-16 10:10:50

CSSdisplay

2010-08-23 09:42:50

CSSPosition

2010-09-09 15:08:40

CSSfloatclear

2010-09-01 11:21:18

CSSpositionfloat

2010-09-03 10:43:05

CSSmargin

2010-08-24 15:11:24

PositionCSS

2010-08-25 08:57:33

marginpadding

2010-09-08 11:06:49

CSSpaddingmargin

2010-08-23 11:16:25

padding-lef

2010-08-23 09:11:18

padding-bot

2010-08-23 09:16:21

CSSpadding-bot
点赞
收藏

51CTO技术栈公众号