CSS是一種用來控制網頁樣式的語言。當我們在設計頁面布局時，往往需要對一些文本進行截斷或縮略顯示。這時，CSS的text-overflow屬性可以幫助我們實現自動出現省略號。

text-overflow屬性主要有以下幾個值：

text-overflow: clip; /*不顯示省略號，直接裁剪*/
text-overflow: ellipsis; /*超出部分用省略號表示*/
text-overflow: string; /*超出部分用指定字符串表示*/

通常情況下，我們使用的是第二個值，即ellipsis。示例如下：

p {
white-space: nowrap;  /* 不允許折行 */
overflow: hidden;    /* 超出部分隱藏 */
text-overflow: ellipsis;  /* 超出部分顯示省略號 */
}

在上述代碼中，我們設置了white-space屬性為nowrap，讓文本不允許換行；設置了overflow屬性為hidden，隱藏超出部分；設置了text-overflow屬性為ellipsis，超出部分用省略號表示。

需要注意的是，text-overflow屬性只有在元素的寬度、溢出和文本折行處理都滿足一定條件時才會生效。這些條件的具體設置與瀏覽器有關，需要根據實際情況進行調整。

CSS的text-overflow屬性簡單易用，能夠方便地實現自動出現省略號。在實際開發中，我們可以根據不同的需求進行調整，提升用戶體驗。