Tag: 分页符

CSS分页符不适用于所有浏览器

我很难让大多数浏览器都能正常工作，除了IE浏览器（它甚至可以在IE6中正常工作）和Opera。 Firefox正确分隔div，但只打印第一页。 Chrome和Safari仅将分页符应用于最后一个div。 我怎样才能正确地在所有的浏览器上工作？ HTML： <div id="leftNav"> <ul> <!–links etc–> </ul> </div> <div id="mainBody"> <div id="container"> <div class="pageBreak"> <!–content–> </div> <div class="pageBreak"> <!–content–> </div> <div class="pageBreak"> <!–content–> </div> </div> </div> ID为#leftNav和#mainBody的div被设置为float:left ，所以它们很好地显示。 我只想打印.pageBreak类，用CSS隐藏#leftNav和#leftNav的其余部分。 CSS： @media print { #leftNav { display:none; } #mainBody { border:none; margin:none; padding:none; } }

CSS打印：避免页面之间的半切DIV？

我正在为一个需要大量项目的软件编写一个插件，并将它们popup到Cocoa中的WebView（使用WebKit作为渲染器）中的HTML中，所以基本上可以假设这个HTML文件正在被打开苹果浏览器）。 它所制作的DIV具有dynamic高度，但不会太多变化。 他们通常是200px左右。 无论如何，每个文档中有大约六百个这样的项目，我正在打印它的时间非常困难。 除非我运气好，否则在每一页的底部和顶部都有一个入口被切成两半，实际上使用打印输出非常困难。 我已经尝试过页面中断，页面中断，页面中断，以及三者的组合，但都无济于事。 我认为这可能是WebKit不正确的渲染说明，也可能是我不了解如何使用它们。 无论如何，我需要帮助。 打印时如何防止我的DIV的一半？