2

我在打印时使用以下 css 创建页脚：

@media all {
   .page-break  { display: none; }
   .footer {display: none; }    
}

@media print {
   .page-break  { display: block; page-break-before: always; }
  .footer {display: block; position: fixed; bottom: 0; text-align: center; width:100%;}  
}

在html中，我有类似的东西：

<body>
  ...
  ...
 <div class='footer'>Page Number: 1</div>
 <div class='page-break'></div>
 ...
 ...
 <div class='footer'>Page Number: 2</div>
 <div class='page-break'></div>
 ...

</body>

现在的问题是，在打印视图中，第 1 页和第 2 页的页脚，它们的内容相互重叠。

我知道这是由 css“位置：固定；底部 0”引起的。我的问题是：如何使第 1 页和第 2 页的页脚在打印视图中仍显示在第 1 页和第 2 页的底部但它们不相互重叠？

谢谢。

4

1 回答 1

0

也许您可以将其中一个放在不在中心的位置。

于 2013-04-10T16:56:34.270 回答