CSS中可以使用text-overflow屬性來控制文字的溢出部分如何顯示，其中省略號就是一種選項。

text-overflow: ellipsis;

如果一個元素的寬度不夠，文字就會超出范圍，此時可以使用overflow: hidden進行隱藏，但是這樣做看起來并不友好。使用text-overflow屬性將其設置為省略號，就可以讓用戶清楚地知道文本被裁減了。

但是需要注意的是，text-overflow屬性只能在以下條件下生效：

• 溢出元素必須是單行文本
• 元素必須具有修剪（overflow: hidden）
• 元素必須具有固定大小（width、height）

p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

上面的代碼就是一個基本的省略號樣式，其中white-space: nowrap可以使文本不換行。

雖然text-overflow屬性看起來簡單，但是它可以給用戶提供良好的體驗，讓頁面更加美觀。如果你的元素中需要顯示一大段文本，記得給它加上省略號。