CSS3超出省略可以讓我們在頁面排版時(shí)更加自由，可以輕松省略文本，避免文本溢出等問題。

這個(gè)屬性主要使用text-overflow: ellipsis;屬性來實(shí)現(xiàn)，可以在文本溢出的位置加上一個(gè)省略號(hào)。下面是一段示例代碼：

.example {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

以上代碼會(huì)將example類中的文本根據(jù)寬度進(jìn)行截?cái)啵绻鰧?huì)在末尾添加省略號(hào)。若沒有設(shè)置width或容器寬度自適應(yīng)，則不會(huì)實(shí)現(xiàn)省略效果。

我們可以使用white-space: nowrap;屬性防止文本換行，同時(shí)也需要水平方向的overflow:hidden;屬性以避免溢出。

此外，CSS3還提供了-word-wrap屬性，用于在單詞內(nèi)換行，其可選值為normal|break-word|initial|inherit;實(shí)現(xiàn)起來也十分簡單，只需要在樣式中添加word-wrap: break-word;即可。

總之，CSS3超出省略使頁面排版更加自由，避免了文本溢出的問題，使用起來也非常簡單，是值得掌握的一項(xiàng)CSS技術(shù)。