CSS自動換行后，當文本內容超出容器寬度時，如果不適用任何特殊處理，那么內容會自動換行。但是，在某些情況下我們希望超出的部分能夠顯示省略號，這時可以使用CSS的text-overflow屬性。

text-overflow屬性有三個屬性值：clip、ellipsis和string，其中，clip表示不顯示省略號，直接裁剪超出部分內容；ellipsis表示顯示省略號，并在省略號前保留盡可能多的文字；string也表示顯示省略號，并在省略號前保留盡可能多的文字，但是可以通過使用content屬性來自定義省略號的樣式。默認情況下，text-overflow屬性只對單行文本有效，如果要對多行文本應用省略號，需要配合使用line-clamp或-webkit-line-clamp屬性。

/*使用ellipsi省略號*/
.text{
width:200px;
white-space: nowrap; /*設置文本不換行*/
overflow: hidden; /*隱藏超出的部分*/
text-overflow: ellipsis; /*超出部分顯示省略號*/
}

注意，text-overflow屬性只在文本的父元素中出現了溢出情況下才有效。如果文本內容不會溢出父元素，那么設置text-overflow也不會起作用。