CSS的overflow屬性可以控制當元素內容超出其容器尺寸時的表現方式。其中，overflow屬性值為“hidden”可以將超出的內容裁剪掉，值為“scroll”可以添加滾動條，而值為“auto”則會根據內容是否超出容器而自動選擇表現方式。

但是，當我們想要讓超出長度的內容顯示出來，該怎么辦呢？這時候，我們可以使用text-overflow屬性。

text-overflow屬性定義了當文本溢出其包含元素時發生的事情。默認情況下，超出的文本將被隱藏。但是，如果將text-overflow屬性值設置為“ellipsis”，則可以在超出長度處顯示省略號，同時將鼠標懸停在省略號上時會提示完整內容，以此來提示用戶還有更多內容可供查看。

.example {
white-space: nowrap; /* 防止超過長度后自動換行 */
overflow: hidden; /* 如果文本溢出了容器，則將其隱藏 */
text-overflow: ellipsis; /* 在超出長度處顯示省略號 */
}

需要注意的是，text-overflow屬性只在文本超出容器時生效，因此需要設置white-space屬性值為“nowrap”來防止自動換行。

除了“ellipsis”之外，text-overflow屬性還可以使用“clip”將溢出內容裁剪掉，或自定義需要展示的結尾符號，例如使用“￥￥￥”代替默認的省略號。

.example {
white-space: nowrap;
overflow: hidden;
text-overflow: '￥￥￥';
}

使用text-overflow屬性，可以輕松地在頁面上展示出超出長度的文本內容，為用戶提供完整的信息。