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