css打印样式

Question

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

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

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

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

我已经将 body 标签设置为 margin:0; padding: 0; 但这没有效果吗？

是否有其他设置可以控制打印边距？

Answer 1

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

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

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

边距必须采用在打印中有意义的单位——不允许使用像素。

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