Question

我正在尝试制作一个执行以下操作的CSS / HTML模板：

打印时，以A4打印
每个页面都有一个完整的页面边框（只是一条细线）。
页面底部的文档标题。

这些页面的内容可以是一个段落或100个，完全取决于用户，但如果页面上只有少量数据，我仍然需要边框整页。

我一直在玩下面的头部

@page {
    size: A4;   /* auto is the initial value */
    margin: 1.54cm 1cm 1.54cm 1cm;
    marks: crop cross;
}
body {
    margin:0;
    padding:0;
    height:100%;
    min-height: 100%;
    border: 2px solid black;
}

打印内容周围的边框，而不是页面。

我尝试将边框移动到

body {

}

@media print {
    margin:0;
    padding:0;
    height:100%;
    min-height: 100%;
    border: 2px solid black;
}

正如其他一些网站建议的那样，这个dosnt会打印一个边框。

我想要的是什么？

由于

Answer 1

我不确切知道如何做到这一点，但我会考虑使用＆＃34; @media print {}＆＃34;

在页面上设置您的元素样式。

@media print {
    /* Your CSS-Code */
}

此外，还有一种方法可以用英寸/毫米来定义元素的大小：https://www.w3schools.com/CSSref/css_units.asp

如何在HTML打印页面上打印边框

1 个答案: