6

我有一个关于打印分页的问题。你可以在下面看到我的代码。它没有为打印预览制作分页符:(知道可能是什么问题吗？

感谢帮助！

HTML 代码

<h1>header text</h1>
<p>Lorem Ipsum jhdfb jdhbg sdfgshdbfgkjhsdbgkjhbs d sdgf</p>    
<div class="pagebreak"></div>

<h1>header text</h1>
<p>Lorem Ipsum jhdfb jdhbg sdfgshdbfgkjhsdbgkjhbs d sdgf</p>    
<div class="pagebreak"></div>

CSS 代码

@media screen {
    .pagebreak  { height:10px; background:url(img/page-break.gif) 0 center repeat-x; border-top:1px dotted #999; margin-bottom:13px; }
}
@media print {
    .pagebreak { height:0; page-break-before:always; margin:0; border-top:none; }
}

排序！！

我将分页符类移动到 h1，html 标记 (h1) 也必须不在任何其他 html 标记下：/它在 <div id="wrap"> 下，然后我删除了所有覆盖 h1 的标签，它运行良好现在！奇怪的！！

4

1 回答 1

1

您的代码看起来很完美。它非常适合我使用 Firefox 3.5.5 和 IE 8.0。我敢打赌，您是在不兼容 CSS2/3 的浏览器中测试它。更改您的浏览器，它会工作得很好。

此链接列出了对 CSS3 功能的支持：http ://www.webdevout.net/browser-support-css

（浏览器不支持的状态令人沮丧，不是吗？）

于 2009-12-01T12:47:11.897 回答