CSS 中有一個非常實用的功能——“超出省略”（text-overflow: ellipsis）。在一些頁面中，如果文本過長，我們希望它能夠自動省略超出部分，同時顯示省略號，這時候我們就可以使用“超出省略”。

如下是一個簡單的示例：

<p style="width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">這是一個超出省略的例子。</p>

設置元素的寬度（width）為 100 像素，超出部分使用隱藏（overflow: hidden）來處理。同時，我們使用 text-overflow: ellipsis 來告訴瀏覽器，如果超出部分需要省略，就在結尾處加上省略號（“...”）。最后，使用 white-space: nowrap 來防止文本換行。

除了在單一元素上使用，我們還可以使用在塊級元素上，這時候需要添加一個“塊級容器”，并設置其寬度。如下是一個示例：

<div style="width: 200px; overflow: hidden;">
<p style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">這是一個超出省略的例子。</p>
</div>

我們使用一個寬度為 200 像素的 div 元素充當塊級容器。然后，再里面使用 p 元素，設置超出省略的屬性。塊級容器將控制文本的寬度，以便于達到我們想要的效果。

總之，超出省略是一個非常實用的 CSS 功能，能夠使得我們的文本更加清晰、美觀。我們可以在單一元素上使用，也可以在塊級元素上使用，非常靈活。同時，還可以搭配其他 CSS 屬性進行更加細致、精美的設計。