网站用CSS打印填充?

时间:2014-08-05 22:09:13

标签: html css html5 css3

我知道@media css标签然而看起来无论我设置了什么填充,我的网站都没有“打印”填充。

我想设置一个用于打印的填充,这样我就可以在文本周围打印出自定义页面间距,而不是让打印机/浏览器“适合”内容,网站周围几乎没有白色区域。

任何解决方案都表示赞赏。

2 个答案:

答案 0 :(得分:3)

您是否看过@page规则? https://developer.mozilla.org/en/docs/Web/CSS/@page

@page { 
   margin: 2cm;
}

它来自CSS 2规范,因此所有主流浏览器都支持它(包括IE8 +)。

答案 1 :(得分:1)

如果您展示了一些代码可能会有所帮助 - 如果www无法说明问题是什么,则很难提供解决方案。这在Mac上的Safari中适用于我:

<style>
@media print {
    body {padding:100px;}
}
</style>