CSS中，我們常常需要控制文本顯示的長度，以適應不同情況下的布局。對于長文本，我們希望能夠在一定限度內顯示，超出部分用省略號表示，這樣才能更好地控制文本的長度。在這種情況下，CSS中就可以使用text-overflow屬性來實現。

一般來說，我們設置text-overflow屬性實現文本截斷有兩個前提條件：一是設置了max-width或width屬性，否則text-overflow屬性無法起效；二是文本不能折行，即white-space屬性必須設置為nowrap。

.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 200px;
}

上述代碼中，我們設置了一個寬度為200px的元素，將overflow屬性設置為hidden，以達到超出部分隱藏的效果。然后設置text-overflow屬性為ellipsis（省略號），表示超出部分用省略號表示。最后，我們還需要將white-space屬性設置為nowrap，防止文本換行。

需要注意的是，text-overflow只能用在內聯元素和塊級元素中的單行文本中，并且IE6/7/8不支持該屬性，所以在使用過程中要謹慎考慮兼容性問題。