从浏览器打印自定义区域

Question

我需要在A4纸上打印并在每页的页面顶部和底部增加页边距 例如 我怎么在css中这样做？

Answer 1

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

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

    /* Write custom styles here */
}

Demo（查看打印预览，文字会变为红色）

Answer 2

这解决了我的问题。

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