css - 通过浏览器在自定义区域打印

Question

我需要在 A4 纸上打印并增加每页的顶部和底部边距。
例如 ，我如何在 css 中执行此操作？

Answer 1

您可以<link>像往常一样使用标签，并设置media="print"将应用样式进行打印，您还可以进行@print媒体查询并自定义最适合打印的布局。

@media print { 
    div {
        color: #f00;
    }

    /* Write custom styles here */
}

演示（检查打印预览，文本将变为红色）

Answer 2

这解决了我的问题。

@page {
    margin-top: 5cm !important;
    margin-bottom: 5cm !important;
}