CSS中有時(shí)候會遇到文字內(nèi)容過長的情況，這時(shí)就需要使用文字溢出折行來實(shí)現(xiàn)對文本的控制。比如在設(shè)置固定寬度的塊級元素內(nèi)，文本內(nèi)容過長會撐破容器，導(dǎo)致布局出現(xiàn)異常，這時(shí)就需要使用文字溢出折行來處理。

CSS中使用text-overflow屬性來控制文字溢出折行，需要搭配white-space和overflow屬性來使用。下面是使用text-overflow屬性來實(shí)現(xiàn)文字溢出折行的一個(gè)例子：

.box {
width: 200px; /*指定容器寬度*/
height: 50px; /*指定容器高度*/
overflow: hidden; /*讓溢出的部分隱藏*/
white-space: nowrap; /*讓文字不換行*/
text-overflow: ellipsis; /*讓溢出部分以省略號顯示*/
}

上述代碼中，先指定了容器的寬度和高度，并設(shè)置了overflow:hidden屬性，讓溢出部分隱藏起來。接著使用white-space:nowrap屬性，讓文字不換行，這樣就可以保證文本的一整段內(nèi)容在容器內(nèi)部顯示。最后，再使用text-overflow:ellipsis屬性，讓溢出部分以省略號顯示，這樣就能夠控制文本內(nèi)容的長度了。

需要注意的是，這種方式只適用于單行文本的情況。如果要處理多行文本的溢出，需要使用其他的方式，比如使用JavaScript來計(jì)算文本的高度，再根據(jù)高度進(jìn)行折行。