javascript - A4大小的html内容溢出
问题描述
我试图阻止文本溢出,并在页面结束时让 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 演示
我已经经历了这里提到的一些解决方案,但无济于事。
解决方案
将样式添加overflow:hidden
到 A4 大小的 div
.a4size{
width: 210mm;
height: 297mm;
overflow:hidden;
}
推荐阅读
- android - 动态谷歌地图颤振
- javascript - Svelte:动态语句中的代码不会更新组件
- python - Pandas Dataframe Reshaping 以包含比较数据
- reactjs - 我想将 Payload /Request 正文传递给 apisauce
- javascript - 当 & 符号位于 python 调用的 js 函数的参数中时,文本丢失
- python - 如何从 Pandas 中相似的字典中获取“索引”?
- android - android + sourceCompatibility JavaVersion.VERSION_11:错误:包android.os不存在
- java - 读取 csv 文件并在 java 中输入
- python - 即使正确安装,VS代码中的Python模块错误
- java - 非法反射访问操作——Spring Boot