css打印造型

Question

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

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

我的问题是打印布局的边距距离页面左边大约一英寸,这使得2个元素从右侧的页面打印出来.

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

我在打印时设置了body标签,margin:0; padding: 0;但这没有效果？

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

Answer 1

您可以使用CSS设置打印边距(和横向):

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

好消息是,它有效!(在Chrome上. 虽然我没有测试IE9,但在其他浏览器上不支持.)

边距必须是打印有意义的单位 - 不允许像素.

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