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

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

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

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

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

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