html td根据内容长短自动扩充高度宽度不变
要实现td根据内容的长短自动扩充高度,宽度保持不变,可以使用CSS的word-wrap和white-space属性来实现。具体步骤如下:
- 在CSS中为td元素设置
word-wrap: break-word;和white-space: normal;属性。word-wrap: break-word;用于在单词内进行换行,white-space: normal;用于在空格处进行换行。
td {
word-wrap: break-word;
white-space: normal;
}
- 在HTML中使用该CSS样式。
<table>
<tr>
<td>内容较长的单元格</td>
<td>内容较短的单元格</td>
</tr>
</table>
这样,内容较长的单元格会自动扩充高度,而宽度保持不变。
原文地址: https://www.cveoy.top/t/topic/h15R 著作权归作者所有。请勿转载和采集!