CSS 超出點點是一種常見的文本截斷效果，可以讓長文本在不超出其容器的情況下，以省略號的形式呈現。這個效果通常可以借助 CSS 樣式中的 text-overflow 屬性來實現。下面我們就來介紹一下這個屬性的用法。 首先，在使用 text-overflow 屬性之前，我們需要確保要截斷的文本已經溢出了其容器的范圍。這可以通過設置容器的 overflow 屬性為 hidden 實現。例如，下面的 CSS 代碼將一個包含長段落的 div 容器設置為按行截斷、隱藏多余文本：

div {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

在上述代碼中，white-space 屬性的值設置為 nowrap，表示文本將在到達容器邊界時強制斷行。而 text-overflow 屬性的值則是 ellipsis，表示超出文本將以省略號表示。 在實際使用中， text-overflow 屬性還可以與 width、max-width 屬性一起使用，實現更豐富的截斷效果。例如，下面的 CSS 代碼將一個固定寬度的 div 容器的文本按單詞截斷并以省略號代替：

div {
width: 200px;
overflow: hidden;
word-wrap: break-word;
word-break: break-all;
text-overflow: ellipsis;
}

在這個例子中，我們使用了 word-wrap 和 word-break 屬性設置單詞換行，并通過 text-overflow 屬性實現省略號截斷。這樣可以讓文本在遇到長單詞時嘗試在容器內換行，同時保持無限制截斷的同時避免過度縮短文本的截斷結果。 總的來說， text-overflow 屬性是一個非常實用的 CSS 特性，可以幫助我們在有限空間內更好地呈現長文本內容。但是，需要注意的是在一些情況下 text-overflow 屬性可能會被某些瀏覽器不支持，所以實際使用時還需要多測試、多兼容。