css - 将 div 大小设置为 a4

Question

我正在尝试将 div 的大小设置为 A4，以便每个新框都从新页面开始。但是我的框与上一页重叠。

我使用了来自 this 的代码帖子:

.invoice-box {
    width: 21cm;
    min-height: 29.7cm;
    padding: 1cm;
    margin: 1cm auto;
    border: 1px #eee solid;
    background: white;
    font-size:16px;
    line-height:24px;
    color:#555;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

但页面重叠。

如何纠正？

Answer 1

不是一个精确的修复，但您可以使用 page-break-after 定义为打印设置分页符。