admin

[经典代码] html中的分页符概念

分页的时候一般用到page-break-after和page-break-before 

page-break-after版本:CSS2  兼容性:IE4+ 继承性:无
语法: 
page-break-after : auto | always | avoid | left | right | null 
参数: 
auto :  假如需要在对象之后插入页分割符 
always :  始终在对象之后插入页分割符 
avoid :  避免在对象后面插入页分割符 
left :  在对象后面插入页分割符直到它到达一个空白的左页边 
right :  在对象后面插入页分割符直到它到达一个空白的右页边 
null :  空值。IE5用来取消页分割符设置 
说明: 
检索或设置对象后出现的页分割符。
IE5仅支持always值和空白值(null)。
在IE4中此属性不作用于br对象,但是IE5作用。 
对应的脚本特性为pageBreakAfter。请参阅我编写的其他书目。 
示例: 
p { page-break-after: always;} 

page-break-before版本:CSS2  兼容性:IE4+ 继承性:无
语法:
page-break-before : auto | always | avoid | left | right | null 
参数: 
auto :  假如需要在对象之前插入页分割符 
always :  始终在对象之前插入页分割符 
avoid :  避免在对象前面插入页分割符 
left :  在对象前面插入页分割符直到它到达一个空白的左页边 
right :  在对象前面插入页分割符直到它到达一个空白的右页边 
null :  空值。IE5用来取消页分割符设置 
说明: 
检索或设置对象前出现的页分割符。
IE5仅支持always值和空白值(null)。
在IE4中此属性不作用于br对象,但是IE5作用。 
对应的脚本特性为pageBreakBefore。请参阅我编写的其他书目。 
示例: 
p { page-break-after: always;}



举一个例子吧:
<HTML>
<HEAD>
<STYLE>
P {page-break-after: always}
</STYLE>
</HEAD>
<BODY>
<P>这是第一页的内容</P>
<P>这是第二页的内容</P>
剩下是第三页的内容
</BODY>
</HTML>

你在打印预览的时候就能看出效果了。

#1楼
发帖时间:2016-11-15   |   查看数:0   |   回复数:0
游客组