css td的内容自动换行

CSS中的td标签是用于定义HTML表格中的单元格样式的，而在td标签中有一个非常重要的属性，就是word-wrap属性。这个属性可以用于控制表格单元格的内容是否自动换行。

td {
  word-wrap: break-word;
}

上面的代码可以让单元格内容自动换行。当单元格中的文本长度超过单元格宽度时，就会自动将文本放在新行上，而不是将文本截断或者在表格外部进行溢出。CSS中的word-wrap属性不仅可以用于td标签，还可以用于其他的HTML标签中，比如p标签、div标签等等。

除了word-wrap属性，CSS中还有一个非常类似的属性叫做overflow-wrap属性。这个属性在早期CSS版本中的名字为word-break，但是为了更好地描述它的作用，所以后来被改成了当前的overflow-wrap属性。overflow-wrap属性和word-wrap属性的作用是一样的，可以用于控制文本在超出单元格宽度时是否自动换行。

td {
  overflow-wrap: break-word;
}

当然，对于一些复杂的表格，我们还可以使用多种方法来控制表格内的文本如何布局和排版。比如，我们可以将多个单元格合并为一个单元格，将文本放置在合并后的单元格中。或者我们也可以使用CSS中的text-align属性来控制文本的对齐方式，将文本居中或者靠右等等。总之，对于表格的样式设计，我们有非常多的方法可以使用。