CSS中讓圖片位于中間是一個常見的需求。通常情況下，我們需要在HTML標記中使用圖片的位置。然后，使用CSS樣式來操作，讓圖片始終位于頁面的中央。 操作非常簡單，我們可以通過設置圖片的外部元素的樣式。將圖片的外部元素設定為 position:relative，并使用 top 和 left 屬性，來移動圖片到相應的位置。接下來，我們可以通過使用 transform 和 translate 屬性，來使圖片始終位于頁面的中間。 以下是一段示例代碼：

img {
display: block;
margin: 0 auto;
position: relative;
top: 50%;
transform: translateY(-50%);
}

在這段代碼中，我們先讓 img 標簽的樣式 display 設為 block，讓其占據整行。接著使用 margin 設置外邊距，使其水平居中。然后，將 position 設為 relative，讓后續的樣式設定都相對于其父元素。接下來，我們設置 top 為 50%，將圖片垂直位置保持在中心。最后，使用 transform 屬性，translateY 平移使其始終位于頁面中央。 使用上述 CSS 代碼，你就可以讓圖片輕松地始終位于頁面的中央。是不是非常方便呢？