欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css page-break-before在IE8非兼容模式下失效的解决办法

程序员文章站 2022-03-26 20:53:59
...
我的项目为了解决分页打印问题加入了一个CSS
<style type="text/css">
@media print
{
xmp {page-break-before:always;}
}
</style>


使用时在需要的地方加入<xmp></xmp>标签即可

但最近为了解决另一个问题,规定了IE8不能设置为兼容性视图,发现这一方法在非兼容模式下失效了。

试了一下,发现只有使用XHTML 1.x时会有这个问题,具体原因就不分析了,解决方法有很多

1.不用style标签,直接在需要的地方添加style=“page-break-before: always”,

比如:

<table style="page-break-before: always">
<tr>
...
</tr>
</table>


2.

<style>
p.breakPage { PAGE-BREAK-BEFORE: always }
</style>
</head>

<body>
...
<p class='breakPage'></p>

以上就是css page-break-before在IE8非兼容模式下失效的解决办法的详细内容,更多请关注其它相关文章!