我无法在大多数浏览器中使用它,除了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>
Run Code Online (Sandbox Code Playgroud)
具有ID #leftNav和#mainBodyare 的div 被设置为float:left,因此它们显示得很好.
我只想打印.pageBreak类,隐藏CSS #leftNav的其余部分#mainBody.
CSS:
@media print
{
#leftNav
{
display:none;
}
#mainBody
{
border:none;
margin:none;
padding:none;
}
}
Run Code Online (Sandbox Code Playgroud)