CSS打印样式

Question

我有一个页面在屏幕上显示良好。

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

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

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

我已将打印时的正文标记设置为 margin:0; padding: 0; 但这没有效果吗？

是否还有其他控制打印边距的设置？

Answer 1

您可以使用 CSS 设置打印边距（和横向），如下所示：

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

好消息是，它有效！ （在 Chrome 上。其他浏览器不支持，尽管我没有测试 IE9。）

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

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

Answer 2

您还可以尝试将

margin:0; 和 padding:0;

设置为 html、main content div和 p 标签

，看看是否有帮助。

否则，最好的选择是在元素上设置特定的宽度。