css - 将div大小设置为a4

我正在尝试将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);
}

但页面重叠。



如何纠正？

最佳答案

不是确切的解决方法，但是您可以使用page-break-after定义来设置分页打印。