CSS 中的 text-overflow 屬性，是用來設置文本溢出部分的省略方式。當內容太長以至于超出了包含它們的尺寸時，這個屬性就會派上用場。下面通過實例來詳細介紹一下這個屬性的用法。 首先，讓我們創建一個包含超長文本的 div 元素。代碼如下：

<div class="long-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mauris velit, ultrices nec
bibendum eu, elementum vitae velit. Mauris ut pharetra odio. Integer pulvinar arcu vel massa
molestie ornare.
</div>

接下來，我們可以使用 text-overflow 屬性來省略溢出文本。在此之前，我們需要設置該屬性的前提條件，即 overflow:hidden。代碼如下：

<style>
.long-text {
width: 200px;
height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>

在上面的代碼中，我們將 .long-text 類的 div 元素的寬度設置為 200 像素，高度設置為 30 像素。 overflow 屬性被設置為 hidden，以防止文本溢出。接下來，我們把 text-overflow 屬性設置為 ellipsis，以在文本溢出時用省略號表示。同時，white-space 屬性被設置為 nowrap，以確保文本不被換行。 完成上述步驟后，我們可以看到長文本被成功地省略，以省略號（...）表示。如果需要更改省略號的顯示方式，可以利用 ::after 偽元素來修改它的樣式。 這就是使用 text-overflow 屬性在 CSS 中實現溢出文本省略的方法。希望這篇文章能對你有所幫助。