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

2020-11-27 来源：年旅网

我的项目为了解决分页打印问题加入了一个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>

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

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

显示全文