CSS 超出部分隱藏是一種常見的網頁設計技巧，可以有效地保持頁面的簡潔度和美觀度。這種技巧可以用于隱藏長文字、圖片，或是其他超出限定范圍的元素。下面我們來看一下如何實現這種效果。 首先，在CSS中使用 overflow 屬性來控制元素的滾動條顯示方式。默認情況下，元素的 overflow 屬性是 visible，即可見的，這種情況下，如果元素內的內容超出了元素的大小，那么會顯示在元素外部。我們需要將元素的 overflow 屬性設置為 auto 或 hidden，這樣當內容超出元素盒子的大小時，就會被隱藏。 下面是一個例子，我們使用 pre 標簽和一個固定寬度的容器元素來展示一段長文本：

<div style="width: 200px; overflow: hidden;">
<p>這是一段非常非常非常非常非常非常長的文本，大家可以看到這里一直往后延伸，如果不使用overflow屬性，這段文本就會顯示在容器元素外部了。</p>
</div>

這個容器元素里的 overflow 屬性被設置為 hidden，也就是當內容超出容器的范圍時，就會被隱藏。這樣就可以將長文本部分隱藏了。當然，如果你想讓這部分內容可以滾動，可以將 overflow 屬性設置為 auto。 這種 CSS 技巧同樣適用于圖片，我們可以將 overflow 屬性設置為 hidden，然后用一個容器元素將圖片包裹起來。當圖片超出容器的范圍時，就會被隱藏掉。下面是一個例子：

<div style="width: 200px; height: 200px; overflow: hidden;">
<img src="example.jpg" alt="我是一張圖片">
</div>

這里的容器元素設置了一個固定的寬度和高度，并將 overflow 屬性設置為 hidden，這樣圖片超出容器范圍時，就會被隱藏掉。 通過使用 overflow 屬性來控制元素的滾動條顯示方式，我們可以很容易地隱藏超出部分的元素，從而讓網頁看起來更加干凈整潔。