如何使用css为打印中的每个页面留出一些空间

时间:2014-01-17 10:59:33

标签: html css css3 printing

我想在每个页面的顶部留出一些空间,仅在打印模式下应用。 是否有可能..?

我正在使用:

@page { margin-top : 30px; }

但它没有得到应用.. css中还有其他方法吗?

This is my first page.. see top of the image.it has some space..

This is my second page.. see top of the image.it has no space..

1 个答案:

答案 0 :(得分:1)

您可以采取以下方式。

@media print
  {
   body {margin-top:30px;}
  }

这将仅选择和定位与打印相关的CSS更改。希望这会有所帮助。

* PS:我已经使用了Body元素,但如果你愿意,你可以定位属于HTML的特定包装器,只有当你希望包装器从顶部有一定的间距。你有逻辑的解决方案。使用它来匹配您的场景。*