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