CSS 中，我們可以使用 text-overflow 屬性來控制文本內容要如何顯示。其中，超出行寬部分可以通過省略號來表示，這一功能非常實用。

text-overflow 有三個值，分別是：

text-overflow: clip; /* 超出部分被剪裁 */
text-overflow: ellipsis; /* 超出部分以省略號表示 */
text-overflow: string; /* 超出部分以指定字符串表示 */

其中，我們最常使用的是第二個值，即 ellipsis。下面，我們來看一下它的用法。

div {
white-space: nowrap; /* 控制文本在一行內顯示 */
overflow: hidden; /* 控制超出部分隱藏 */
text-overflow: ellipsis; /* 控制超出部分用省略號表示 */
}

其中，white-space 屬性的作用是讓文本在一行內顯示，而不換行。overflow 屬性控制超出部分的隱藏。最后，text-overflow: ellipsis 則是控制超出部分用省略號表示。

需要注意的一點是，text-overflow 只在以下條件下生效：

• 必須指定一個寬度（width）
• 必須使用 nowrap 屬性使文本不換行
• 必須使用 overflow: hidden; 將超出部分隱藏

因此，如果要使用 text-overflow，必須滿足以上三個條件。當然，在這個前提下，我們可以對 text-overflow 進行更多的設置和調整，以達到更好的效果。