CSS中有一個非常實用的屬性，叫做文字省略（text-overflow）。它可以讓文本超出容器時，用省略號來表示。 要使用文字省略屬性，需要同時設置三個屬性：white-space、overflow和text-overflow。 首先，我們需要將white-space屬性設置為nowrap，這樣就可以讓文本不折行。接著，將overflow設置為hidden，這樣可以防止文本超出容器。最后，設置text-overflow屬性為ellipsis，這樣文本超出容器時，就會顯示省略號。 下面是一個簡單的示例： ```

這是一段需要使用文字省略的文本，如果我不設置，它會一直占滿容器，但是現在我使用了CSS的文字省略屬性，它只會顯示一部分，然后用省略號來表示。

``` 使用CSS代碼為： ``` .ellipsis { width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ``` 在上面的代碼中，我們給段落設置了一個固定寬度（200px），防止它跑出容器。然后，我們為這個段落定義了一個名為“ellipsis”的類，將white-space、overflow和text-overflow屬性設置為需要的值。 通過使用文字省略屬性，我們可以輕松地控制文本在容器中顯示的長度，不管文本內容有多長，都可以很好地展示。這個屬性在設計響應式網站和移動端界面中非常有用。