我试图阻止文本溢出,并在页面结束时让 A4 纸从下一页重新开始。附上屏幕截图的内容:
这是我的 HTML:
<div class="container">
<div class="a4size">
<p>Text
</p>
</div>
</div>
CSS:
.container {
width: 100%;
margin: 0 auto;
display: block;
margin-top: 30px;
margin-bottom: 60px;
border-radius: 2px;
box-shadow: 0 0 10px 4px #555;
padding: 45px;
background-color: #fff;
}
.a4size{
width: 210mm;
height: 297mm;
}
这是我的 JSFiddle DEMO
我已经完成了这里提到的一些解决方案,但无济于事。
最佳答案
给A4大小的div添加样式overflow:hidden
.a4size{
width: 210mm;
height: 297mm;
overflow:hidden;
}
关于javascript - A4 大小的 html 内容溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51610641/