本文介绍了一种使用 CSS 属性 table-layout, word-wrap 和 word-break 的组合来解决 HTML 表格中内容过长导致的布局问题。通过设置 table-layout 为 fixed 并结合 word-wrap: break-word 的方式，可以确保表格内容不会超出其容器范围。
主要是以下三个：
table-layout:auto | fixed
word-wrap : normal | break-word
word-break : normal | break-all | keep-all
经过各个取值试用后觉得如下组合效果是最好的：
<table style='table-layout:fixed'>
<tr>
<td style='word-wrap : break-word'>文本或图片内容</td>
</tr>
</table>
table-layout:auto | fixed
word-wrap : normal | break-word
word-break : normal | break-all | keep-all
经过各个取值试用后觉得如下组合效果是最好的：
<table style='table-layout:fixed'>
<tr>
<td style='word-wrap : break-word'>文本或图片内容</td>
</tr>
</table>
扫一扫
1061
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
