相关疑难解决方法(0)

CSS Page-Break在所有浏览器中都不起作用

我无法在大多数浏览器中使用它,除了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)

css page-break

49
推荐指数
9
解决办法
8万
查看次数

标签 统计

css ×1

page-break ×1