没有回复
qzstudio
Offline
Joined: 02-11
用CSS控制WEB打印分页

如何使用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了!