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元素，比如
图片、
链接等，需要使用其他的
方法来控制单元格
内容的布局。
