IE8非兼容模式下page-break-before失效

最新推荐文章于 2023-03-13 16:34:54 发布

yuriman

最新推荐文章于 2023-03-13 16:34:54 发布

阅读量2.4k

点赞数

分类专栏： HTML|CSS|XHTML 文章标签： ie xhtml table class

本文链接：https://blog.csdn.net/yuriman/article/details/7569216

版权

1 篇文章 0 订阅

订阅专栏

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

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

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

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

这是网上的一个帖子，虽然是IE7的，但应该是同一个原因：

http://social.msdn.microsoft.com/Forums/zh-CN/iewebdevelopment/thread/fe523ec6-2f01-41df-a31d-9ba93f21787b

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

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

比如：

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

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

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

关注

专栏目录