在很多情況下，我們需要對網(wǎng)頁中的一些元素進(jìn)行裁剪或隱藏，尤其是一些過長或者過寬的內(nèi)容可能會導(dǎo)致頁面排版混亂或者影響用戶體驗(yàn)。在這種情況下，CSS 中的超出頁面隱藏就可以提供很好的解決方案。

CSS 中的超出頁面隱藏有兩種方式，分別是「溢出隱藏」和「文本隱藏」，下面我們分別來介紹這兩種方式的使用方法。

溢出隱藏

.overflow-hidden {
overflow: hidden;
}

以上代碼就是使用「溢出隱藏」的方法，其中 `overflow: hidden` 屬性表示隱藏盒子內(nèi)容溢出的部分。通過將盒子設(shè)置為 `overflow: hidden` 樣式，我們可以隱藏盒子中過長或者過寬的元素，從而保持頁面的整潔和規(guī)范。

文本隱藏

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

以上代碼就是使用「文本隱藏」的方法，其中 `white-space: nowrap` 屬性表示強(qiáng)制文本不折行， `text-overflow: ellipsis` 則是表示超出部分以省略號代替，比較適合用于裁剪過長的文本內(nèi)容。

總的來說，CSS 中的超出頁面隱藏是一個非常實(shí)用的樣式，可以對頁面元素的長度寬度進(jìn)行限制，不僅美觀整潔，還可以提升用戶的體驗(yàn)效果。