css td超过宽度自动换行

Web开发中，表格是常用的布局方式之一。在制作表格时，有时会出现单元格的内容过长，超出了单元格的宽度，这时候就需要使用CSS来解决这个问题了。下面我们就来看一下如何使用CSS让单元格内容自动换行。 在CSS中，我们可以使用white-space这个属性来控制单元格内容的换行方式。默认情况下，它的值是Nowrap，也就是不换行，如果我们将它的值改为pre-wrap，单元格内容就会自动换行了。 举个例子，我们可以在CSS中这样设置： pre { white-space: pre-wrap; } 这样，如果我们在HTML中设置了单元格的宽度，当单元格中的内容超过该宽度时，就会自动换行了。例如：

Lorem ipsum dolor sit amet,consectetur adipiscing elit.

这里，我们设置了单元格的宽度为100px，并在单元格中放了一段文字。由于文字的长度超过了100px，所以它会被自动换行，而不是超出单元格的范围。 需要注意的是，上述方法只对单元格中的纯文本内容起作用。如果单元格中包含了其他HTML元素，比如图片、链接等，需要使用其他的方法来控制单元格内容的布局。