PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

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

黄舟
黄舟 原创
2017-07-08 10:41:59 2855浏览

我的项目为了解决分页打印问题加入了一个css

<style type="text/css">
@media print
{
xmp {page-break-before:always;}
}
</style>


使用时在需要的地方加入

标签即可

但最近为了解决另一个问题,规定了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=&#39;breakPage&#39;></p>
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。