CSS中有一個特殊的屬性可以讓文字省略顯示，這個屬性是text-overflow。有時候文本內容可能會超出容器的大小，此時我們可以使用text-overflow屬性來限制文本的顯示范圍，避免文字溢出。

.text {
width: 100px;
white-space: nowrap; /*讓文本不換行*/
overflow: hidden; /*超出部分隱藏*/
text-overflow: ellipsis; /*出超出部分以省略號顯示*/
}

上面的代碼中，我們定義了一個樣式類.text，設置了寬度100px，并且使用了white-space屬性禁止了文本的換行，overflow屬性隱藏了超出容器的文本內容，最后使用text-overflow屬性讓超出的文本部分以省略號顯示。

除了省略號，text-overflow屬性還支持其他三種值：

• clip：超出容器范圍的文本被裁剪，不顯示
• string：超出容器范圍的文本不被裁剪，不顯示省略號
• custom：自定義省略號內容，需使用content屬性來定義

以上就是CSS中文字省略顯示的相關內容，使用text-overflow屬性可以非常方便地控制文本內容在容器中的顯示方式。