主页 / coding / 问题 / 79467228
Accepted
Jefferson
Asked: 2025-02-26 00:24:11 +0800 CST

Chrome 打印设置 1 英寸边距

  • 772

当用户想要打印 html 文档时，我使用此 CSS 在文档周围设置边距，但是当我查看打印更多设置选项时，它并未设置为自定义，因此我没有看到边距为 1。

@media print {
    body {
        min-width: 1000px;
    }
    page {
        margin-top: 1in;
        margin-bottom: 1in;
        margin-left:1in;
        margin-right:1in;
    }
   .container { display: block; }

    div, p, ..etc { page-break-inside: auto; }
}

在此处输入图片描述

html

1 个回答

  1. Best Answer

    大家好。您的问题可能源于两个主要问题：1. 选择器不正确 – 除非在 @page 规则中明确定义，否则 CSS 无法识别页面元素。2. 边距应在 @page 内设置 – 应用打印边距的正确方法是使用 @page。解决方案像这样修改您的 CSS：

    @media print {
    @page {
        margin: 1in; /* Sets 1-inch margins for printing */
    }

    body {
        min-width: 1000px;
    }

    .container { 
        display: block; 
    }

    div, p {
        page-break-inside: auto; 
    }
}



    •   @page is specifically designed for defining print settings, including margins.
•   The margin inside @page ensures that browsers recognize the 1-inch setting instead of defaulting to the system’s print settings.
•   The page selector in your code does not exist in standard HTML and does not affect print styling.

    现在，打印时，检查打印预览设置以确认边距设置正确。

    • 2

相关问题