我想对添加到<td>
元素中的一些文本进行换行。我尝试过使用style="word-wrap: break-word;" width="15%"
。但它没有对文本进行换行。必须给它100%的宽度吗?我有其他控件要显示,所以只有15%的宽度可用。
发布于 2012-05-29 20:43:27
折回TD文本的步骤
第一组表格样式
table{
table-layout: fixed;
}
然后设置TD样式
td{
word-wrap:break-word
}
发布于 2009-06-30 14:14:18
HTML表格支持“表格布局:固定”css样式,该样式防止用户代理根据其内容调整列宽。您可能会想要使用它。
发布于 2018-06-16 01:54:40
使用word-break
无需将table
样式化为table-layout: fixed
即可使用
table {
width: 140px;
border: 1px solid #bbb
}
.tdbreak {
word-break: break-all
}
<p>without word-break</p>
<table>
<tr>
<td>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOGGG</td>
</tr>
</table>
<p>with word-break</p>
<table>
<tr>
<td class="tdbreak">LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOGGG</td>
</tr>
</table>
https://stackoverflow.com/questions/1057574
复制相似问题