要实现td根据内容的长短自动扩充高度,宽度保持不变,可以使用CSS的word-wrapwhite-space属性来实现。具体步骤如下:

  1. 在CSS中为td元素设置word-wrap: break-word;white-space: normal;属性。word-wrap: break-word;用于在单词内进行换行,white-space: normal;用于在空格处进行换行。
td {
  word-wrap: break-word;
  white-space: normal;
}
  1. 在HTML中使用该CSS样式。
<table>
  <tr>
    <td>内容较长的单元格</td>
    <td>内容较短的单元格</td>
  </tr>
</table>

这样,内容较长的单元格会自动扩充高度,而宽度保持不变。


原文地址: https://www.cveoy.top/t/topic/h15R 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录