在網頁開發中，我們常常需要將圖片居中放置。這里介紹使用CSS實現圖片居中放置的方法。

首先，我們需要定義一個父容器，將圖片放置在其中。以下是HTML代碼示例：

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

接下來，我們使用CSS對父容器進行樣式定義，使圖片居中放置。以下是CSS代碼示例：

.container {
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
height: 100vh; /* 推薦使用百分比或vh/vw作為高度寬度單位 */
}
.container img {
max-width: 100%;
max-height: 100%;
}

上述代碼將父容器設置為 flex 布局，并通過 justify-content 和 align-items 屬性將其內部元素水平和垂直居中。此外，由于圖片不一定與容器大小一致，我們設置最大寬度和最大高度，使其適應容器大小。

如此一來，我們就成功地將圖片居中放置了。