在網頁中，有時候我們需要在頁面中居中顯示一張圖片，但是如果圖片大小超過了父元素的大小，那么我們就需要使用CSS來控制超出部分的隱藏。下面是一些示例代碼。

/* 設置父元素為相對定位 */
.parent {
position: relative;
}
/* 設置圖片為絕對定位，并且居中顯示 */
.img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/* 設置圖片最大寬度為父元素的寬度，同時高度設為自動，防止圖片變形 */
max-width: 100%;
height: auto;
/* 超出部分隱藏 */
overflow: hidden;
}

上述代碼中，我們首先將父元素設置為相對定位，這樣子元素的絕對定位就會相對于這個父元素進行定位。然后，我們將圖片設置為絕對定位，同時使用transform屬性將其居中。接著，我們設置圖片的最大寬度為父元素的寬度，同時將高度設為自動，防止圖片變形。最后，我們使用overflow屬性來控制超出的部分隱藏。

在實際使用中，我們只需要將圖片元素放在父元素中即可，例如：

<div class="parent">
<img src="example.jpg" alt="example" class="img">
</div>

通過上述代碼，我們就可以在頁面中居中顯示一張圖片，并將超出的部分隱藏起來。這樣子可以使得頁面更加美觀，防止出現不必要的滾動條。