我使用了以下 CSS 样式来确保表格中的内容保持在特定大小内:
div.tablewrapper {
height: 290mm;
width: 200mm;
overflow-y:hidden;
overflow-x:hidden;
}
下面是我使用的 html 表格代码:
<div class="tablewrapper">
<table width="200mm" height="290mm" border="1">
<tr width="200mm" height="290mm">
<td>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td>
</tr>
</table>
</div>
从上面的代码中,我试图将一个长文本限制在一个有效的 div 元素中。
主要问题是,如何强制内容向下流动而不是消失到受限区域?
最佳答案
将表格的样式设置为table-layout: fixed
,并考虑使用word-break: break-all
关于html - 强制表格内容流动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8025691/