css 打印样式答案

【问题标题】：css print stylingcss 打印样式
【发布时间】：2011-10-28 12:25:52
【问题描述】：

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

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

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

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

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

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

【问题讨论】：

【解决方案1】：

你也可以尝试设置

margin:0; 和 padding:0;

到html、main content div和p标签

看看有没有帮助。

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

【讨论】：

【解决方案2】：

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

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

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

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

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

【讨论】：