CSS Table TD自动换行是指在table中的单元格(TD)中,内容超过了单元格的宽度,会自动换行而不是溢出。
td {
word-wrap: break-word;
white-space: normal;
}
以上代码中,word-wrap属性表示当一个单词过长时,是否自动将单词分成两行显示。而white-space属性表示如何处理单元格中的空格。
需要注意的是,如果单元格中的文本中存在超长连续字符串(例如链接或长单词),换行可能会在这些超长字符串中间出现。解决方法是将这些超长字符串分成多行或使用CSS的hyphens属性添加连字符。
td {
word-wrap: break-word;
white-space: normal;
hyphens: auto;
}
以上代码中,hyphens属性表示自动添加连字符以减少超长字符串的干扰。
在使用CSS Table TD自动换行时,需要确保单元格宽度足够以显示内容。
td {
width: 200px;
}