在網頁設計中，經常會遇到一些需要在單行文本中截斷內容的情況。比如，我們想要在導航欄某個項中顯示一個很長的標題，但是由于空間限制，不得不將其截斷。這時，CSS的text-overflow屬性便可以派上用場了。

text-overflow: ellipsis;

將該屬性設置為ellipsis即可實現文本截斷，并在末尾添加省略號。下面的例子將超過一定長度的文本截斷，并添加省略號：

p {
width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

其中，width屬性設置了文本顯示的寬度，white-space: nowrap屬性設置了單行文本不進行換行，overflow: hidden屬性設置了溢出隱藏。

需要注意的是，text-overflow只在遇到“塊級容器”的邊界時才會產生作用。因此，若將text-overflow屬性用于行內元素之中，則會無效。