Html div 打印自动分页,网页打印自动分页

设计过程出现一个困难问题,一个php生成的HTML页面有多个表格,要求必须自动分开打印到几张A4纸张上面.经过询问资深人士,结果统一回答,HTML页面无法做打印时自动分页面打印.于是乎正准备放弃这个分页面打印念头,郁闷着被笑话着被困扰着.

一个表格被分开打印到两张A4上,多难看啊….

无意中翻阅CSS,发现里面有两语句:page-break-beforepage-break-after

分别对应的 参数是: auto; always; left; right;

于是尝试建立一张HTML,如下

分页测试

第一页

第二页

于是解决了问题…..显示时是连续的,当你选择打印预览时,你会看到,已经是自动分开两页打印.

相关

Related Posts

使用CSS3改变文本选中的默认颜色

by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1147 关于浏览器文字选中颜色 以我的系统举例(xp 默认主题)，浏览器上页面文字选中后默认的背景色是一种蓝色， 不同浏览器的颜色有些许差异，但大致相同，文字颜色也近乎白色，如下图所示，截自Firefox3.6浏览器：…

css hacks (ie6,ie7,ie8,firefox,Chrome)

IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"， IE8能识别" \9"，但不能识别下划线"_"， 而firefox两个都不能认识,却可以识别‘!important’。等等 书写顺序，一般是将识别能力强的浏览器的CSS写在后面。下面列举常用的CSS…

有意思：textarea resize属性下纯CSS交互效果

一、众所周知的 众所周知，文本域(textarea)在FireFox或Chrome浏览器下，右下角有个可以拖拽的标志。 有人保留，有人嫌碍事，直接resize:none;掉，但是，估计没人利用整个儿做交互效果。 二、纯CSS的交互展示 您可以狠狠地点击这里：textarea resize下的纯CSS交互demo 例如，在FireFox浏览器下，拖动(往右→)下图圈中的图标： 一个半透明遮罩层随着拖动把张含韵给覆盖了，达到了半遮面的交互效果。 效果没什么，但是却完全CSS实现的，就有意思了。…