将 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 定义设置分页符以进行打印。