CSS 是制作網頁的重要技術之一，其中圖片的顯示非常重要。有時候，我們需要將圖片顯示在網頁的中間部位。下面我們來介紹如何使用 CSS 實現這個功能。

/* HTML 代碼 */
<div class="container">
<img src="example.jpg" alt="example image">
</div>
/* CSS 代碼 */
.container {
display: flex;
align-items: center; /* 垂直居中 */
justify-content: center; /* 水平居中 */
}

上面的代碼，我們首先包裹了圖片的<img>標簽在一個<div>中，然后設置了該<div>的樣式。我們使用了 CSS 的flex布局，將<img>標簽垂直居中和水平居中。這樣，圖片就可以完美地呈現在網頁的中間部位。

需要注意的是，這種方式是基于容器的寬度和高度已經確定的情況下進行定位的，因此需要保證容器的寬高比例和圖片的寬高比例一致，才能實現完美的居中效果。