常州网络公司首页 >>> WEB编程 >> DIV+CSS

WEB打印时,自己控制在什么地方分页就在什么地方分页

发布时间:2009-1-15 19:34:29   浏览次数:7673

今天公司要打一堆客户信封,每个客户的地址等信息都是由数据库里调出来的。要是一个一个的打,那太烦了,希望是能一次调出100个客户,一下子打印出来,这样就方便了,可这样,要怎么打印呢,这里介绍一个用CSS控制打印分页的分页。

这里主要用的是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;}  


这样就可以了。

上一条:CSS制作网页滚动条的样式
下一条:CSS+DIV实现鼠标经过背景变色
首页 | 在线留言 | 网站地图

CopyRight ©2008-2014   糊涂蛋技术网    苏ICP备05013073号
站长:万创   QQ:54960248  E-mail:xlxcn#126.com