CSS中，經常會出現內容過長而導致溢出的情況，這時候我們可以使用overflow屬性來解決，但是有時候我們希望在溢出的部分顯示省略號，這時候就需要使用text-overflow屬性。

text-overflow屬性可以使用在以下幾種情況下：

/*單行文本超出時，顯示省略號*/
p{
white-space: nowrap; /*強制不換行*/
overflow: hidden; /*超出隱藏*/
text-overflow: ellipsis; /*省略號*/
}
/*多行文本超出時，顯示省略號*/
p{
overflow: hidden; /*超出隱藏*/
text-overflow: ellipsis; /*省略號*/
display: -webkit-box; /*將元素作為彈性容器*/
-webkit-box-orient: vertical; /*彈性容器的子元素垂直排列*/
-webkit-line-clamp: 2; /*限制彈性容器內的子元素數量*/
/*以上代碼只會顯示p元素內的前兩行，超出的部分用省略號代替*/
}

需要注意的是，text-overflow屬性只能用于設置在一個盒子中的單行或多行文本，且該盒子必須具有固定的寬度（width）且不可被縮小。對于flex布局和grid布局，text-overflow屬性也不起作用。

總之，在我們使用CSS進行排版的過程中，text-overflow屬性常常用來解決文本內容溢出的問題，同時使用時也需要注意它的一些限制和規則。