在網(wǎng)頁設(shè)計中，經(jīng)常會使用 CSS 樣式來調(diào)整元素的顯示效果。其中一個 CSS 樣式就是“隱藏超出屏幕的內(nèi)容”，它能夠讓頁面看起來更加整潔。下面我們就來介紹一下如何使用這個樣式。

以上是一個簡單的 CSS 樣式代碼，它能夠把超出屏幕的內(nèi)容隱藏起來。我們只需要給需要隱藏的元素加上一個類名overflow-hidden，然后在 CSS 中定義這個樣式就可以了。

在上面的代碼中，我們給一個包含圖片的 div 元素加上了overflow-hidden類名，然后圖片會被隱藏起來。這個樣式并不僅限于圖片元素，任何元素都可以使用。

除了overflow: hidden;樣式以外，我們還可以使用text-overflow: ellipsis;樣式來讓超出屏幕的內(nèi)容顯示為省略號。這個樣式只對文本元素有效，如下所示：

這是一段很長很長很長的文本，它會被隱藏，并且以省略號顯示。

以上的代碼會顯示出一段被隱藏的文本，并且以省略號結(jié)尾。這樣可以節(jié)省頁面空間，避免頁面變得過于擁擠。

總的來說，使用 CSS 樣式隱藏超出屏幕的內(nèi)容是一種良好的網(wǎng)頁設(shè)計習慣，能夠讓頁面更加整潔美觀。