在網頁排版中，經常會出現文字超出一個盒子（div）的情況。此時，為了讓頁面更美觀，就需要對超出的文字進行省略處理。下面將介紹如何使用 CSS 實現文字省略。
CSS 中提供了一個屬性 text-overflow，它可以讓文字在超出盒子時進行省略。其語法如下：
```
text-overflow: clip|ellipsis|string|initial|inherit;
```
其中，clip 表示不顯示省略號，直接裁剪文字；ellipsis 表示使用省略號處理超出的文字；string 則表示使用自定義的字符串來進行省略；initial 和 inherit 分別表示使用屬性的默認值和繼承父元素的屬性值。
用法如下：
```html
這是一段超長的文字，當長度超過200px時將省略。
```
以上代碼中，我們首先定義了一個 CSS 類名 .ellipsis，用來實現文字省略的效果。然后通過設置 white-space 屬性禁止文字換行，并設置 overflow 屬性隱藏溢出的文字。最后，使用 text-overflow 屬性將超出的文字使用省略號處理，并綁定到最外層的盒子（div）上。
在實際應用中，我們也可以使用 string 屬性自定義省略的字符，如“...”、“>>”等。
總之，CSS 中的 text-overflow 屬性為我們解決了文字超出盒子的省略問題，使得網頁排版更加美觀，同時也提供了一定的自定義功能。