CSS是一種樣式表語言，可以用于創(chuàng)建網(wǎng)頁的外觀和布局。在CSS中，當(dāng)內(nèi)容超出其容器時(shí)，超出的部分會(huì)被省略。

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

在上面的代碼中，我們使用了overflow和text-overflow屬性來控制當(dāng)內(nèi)容超出容器時(shí)如何處理。如果不設(shè)置這些屬性，超出的內(nèi)容會(huì)在容器外面顯示。

使用overflow:hidden可以隱藏超出內(nèi)容，而text-overflow:ellipsis可以使用省略號(hào)代替超出部分。white-space:nowrap則可防止文本換行。

有些瀏覽器可能不支持text-overflow屬性，此時(shí)我們可以使用JavaScript來實(shí)現(xiàn)類似的效果。

var text = document.querySelector('.example');
var truncated = text.offsetWidth< text.scrollWidth;
if (truncated) {
text.title = text.textContent;
}

在上面的代碼中，我們使用了JavaScript來檢查文本是否被省略。如果是，我們就將省略的文本放入title屬性中，當(dāng)鼠標(biāo)懸停在文本上時(shí)，瀏覽器將顯示完整文本。

總的來說，控制超出部分的省略是CSS中的一個(gè)重要概念，可以幫助我們創(chuàng)建更好的用戶體驗(yàn)。無論使用CSS還是JavaScript，我們都可以輕松地實(shí)現(xiàn)這一效果。