如何使用CSS来控制WEB打印分页?
这里主要用的是CSS里的page-break-after,下面先介绍一下page-break-after的用法:
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。请参阅我编写的其他书目。
下面是实现的方法:
这样你应当知道怎样了吧。每个客户给一个div,在div里再对每一项进行位置控制
<div class="div">
<label style="top:10px;left:20px;">邮编</label>
<label style="top:30px;left:50px;">地址</label>
<label style="top:60px;left:50px;">收件人</label>
.......
</div>
这里要提的是要对DIV设置relative,这样才能对里的各项绝对定位。div的CSS:
.div{ page-break-after: always;position: relative;}
这样就OK了!
