html中分页

最新推荐文章于 2021-12-07 15:40:40 发布

billfranck

最新推荐文章于 2021-12-07 15:40:40 发布

阅读量4.8k

点赞数

文章标签： html ie null css 脚本浏览器

本文链接：https://blog.csdn.net/billfranck/article/details/4201921

版权

我想用浏览器打印网页，但是碰到分页的问题
是否能在html中插一个分页符，让程序可以控制分页？
谢谢

---------------------------------------------------------------

没有.除非是按打印纸大小编的页面.

其实这个问题应该不关HTML事,而是IE打印功能太弱啦,没有分页,只有自己写控件了.
---------------------------------------------------------------

有分页的，需要使用css
这是有关打印的一些css属性

属性版本兼容性继承性简介
page CSS2 IE5.5+ 有检索或指定显示对象容器时使用的页面类型（pagetype）。参阅@page规则
page-break-after CSS2 IE4+ 无检索或设置对象后出现的页分割符
page-break-before CSS2 IE4+ 无检索或设置对象前出现的页分割符
page-break-inside CSS2 NONE 有检索或设置对象容器中出现的页分割符
marks CSS2 NONE 无设置或检索什么样的标志是应该在页容器外边被给予
orphans CSS2 NONE 有设置或检索对象内容内一定要留在一页范围底端以内的行的最少数量
size CSS2 NONE 有检索或指定页面规格的调整
widows CSS2 NONE 有检索或指定一定要留在页面顶部的行数

---------------------------------------------------------------

分页的时候一般用到page-break-after和page-break-before

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。请参阅我编写的其他书目。
示例：
p { page-break-after: always;}

page-break-before版本：CSS2　兼容性：IE4+　继承性：无
语法：
page-break-before : auto | always | avoid | left | right | null
参数：
auto : 　假如需要在对象之前插入页分割符
always : 　始终在对象之前插入页分割符
avoid : 　避免在对象前面插入页分割符
left : 　在对象前面插入页分割符直到它到达一个空白的左页边
right : 　在对象前面插入页分割符直到它到达一个空白的右页边
null : 　空值。IE5用来取消页分割符设置
说明：
检索或设置对象前出现的页分割符。
IE5仅支持always值和空白值（null）。
在IE4中此属性不作用于br对象，但是IE5作用。
对应的脚本特性为pageBreakBefore。请参阅我编写的其他书目。
示例：
p { page-break-after: always;}
---------------------------------------------------------------

举一个例子吧：
<HTML>
<HEAD>
<STYLE>
P {page-break-after: always}
</STYLE>
</HEAD>
<BODY>
<P>这是第一页的内容</P>
<P>这是第二页的内容</P>
剩下是第三页的内容
</BODY>
</HTML>

你在打印预览的时候就能看出效果了。