将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定义来设置分页打印。