css打印造型

Question

我有一个在屏幕上显示正常的页面。

我有一个css然后格式化屏幕进行打印并重新调整部分的大小。

我的问题是，打印版面的边距距离页面左边大约一英寸，这使得2个元素打印在右侧的页面上。

我可以从右边压缩内容，但我想知道我是否可以减少左边的边距（并且基本上是内容的中心）

我已将正文标记设置为margin:0; padding: 0;，但这没效果？

是否有另一个控制打印边距的设置？

Answer 1

您可以使用CSS设置打印边距（和横向）：

@media print {
    @page {
        size: letter landscape;
        margin: 4.0cm;
    }
}

好消息是，它有效！ （在Chrome上。Not supported on other browsers虽然我没有测试IE9。）

页边距必须是打印有意义的单位 - 不允许使用像素。

Chrome不会将边距缩小到固定的最小值以下，这可能由打印机驱动程序确定。

Answer 2

您也可以尝试设置

margin:0;和padding:0;

到html，main content div和p代码

看看是否有帮助。

否则，最好的办法是在元素上设置一个特定的width。