在网页设计中，我们有时会遇到需要强制文本自动换行的情况，例如，当文本长度超过其父元素宽度时。CSS提供了多种处理这种情况的方法。本文将详细介绍三种常见的方法，以及如何使用CSS实现超出文本的省略号效果。
word-break属性用于指定如何进行单词内的换行。它有几个值，但我们主要关注的是break-all和keep-all。break-all：允许在单词内部进行换行。keep-all：只在CJ（Chinese, Japanese，即中文和日文）和KR（Korean，即韩文）文本中使用，不允许单词内部进行换行。p {
word-break: break-all;
}
word-wrap属性用于指定是否允许长单词或URL地址在无空格的情况下进行换行。它有两个值：normal和break-word。normal：只在空格或连字符处进行换行。break-word：允许在长单词或URL地址内部进行换行。p {
word-wrap: break-word;
}
white-space属性用于指定如何处理元素中的空白。它有几个值，但我们主要关注的是normal，nowrap，pre，pre-wrap，pre-line。normal：默认。空格会被浏览器忽略。nowrap：文本不会换行，文本会在同一行上继续，直到遇到 <br> 标签为止。pre：空白会被浏览器保留。其行为类似 HTML <pre> 标签。pre-wrap：保留空白符序列，但是正常地进行换行。pre-line：合并空白符序列，但是保留换行符。p {
white-space: pre-wrap;
}
text-overflow属性用于指定如何处理溢出的文本。这个属性有两个值：clip和ellipsis。clip：修剪文本。ellipsis：显示省略符号以表示被修剪的文本。text-overflow，还需要将overflow属性设置为hidden，并将white-space设置为nowrap。p {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}这样，如果文本长度超过其容器的宽度，就会显示为省略号。