搞定网页打印自动分页问题
- - Web前端 - ITeye博客设计过程出现一个困难问题,一个php生成的HTML页面有多个表格,要求必须自动分开打印到几张A4纸张上面.经过询问资深人士,结果统一回答,HTML页面无法做打印时自动分页面打印.于是乎正准备放弃这个分页面打印念头,郁闷着被笑话着被困扰着. 一个表格被分开打印到两张A4上,多难看啊. 无意中翻阅CSS,发现里面有两语句:page-break-beforepage-break-after.
设计过程出现一个困难问题,一个php生成的HTML页面有多个表格,要求必须自动分开打印到几张A4纸张上面.经过询问资深人士,结果统一回答,HTML页面无法做打印时自动分页面打印.于是乎正准备放弃这个分页面打印念头,郁闷着被笑话着被困扰着.
一个表格被分开打印到两张A4上,多难看啊....
无意中翻阅CSS,发现里面有两语句:page-break-beforepage-break-after
分别对应的 参数是: auto; always; left; right;
于是尝试建立一张HTML,如下
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>分页测试</title> <style type="text/css"> <!-- .A4 { page-break-before: auto; page-break-after: always; } --> </style> </head> <body> <div class="A4">第一页</div> <div class="A4">第二页</div> </body> </html>
于是解决了问题.....显示时是连续的,当你选择打印预览时,你会看到,已经是自动分开两页打印.