很多時(shí)候我們需要在網(wǎng)站中添加圖片，而且還需要讓這些圖片處于居中的狀態(tài)。使用CSS是一種方便、快捷的方法來實(shí)現(xiàn)這個(gè)目的。

為了讓圖片居中，我們需要以下這段CSS代碼：

img {
display: block;
margin: 0 auto;
}

上面的代碼中，display屬性將圖片的顯示方式設(shè)置為塊級(jí)元素，這樣圖片就可以具有寬度和高度。然后，margin屬性將左右邊距都設(shè)為auto，這樣就可以使圖片水平居中了。

如果要在垂直方向上居中一張圖片，可以使用以下代碼：

.container {
display: flex;
justify-content: center;
align-items: center;
height: 300px;
}
img {
max-height: 100%;
max-width: 100%;
}

上面的代碼中，將其包含的內(nèi)容放在一個(gè)容器中，容器的高度需要設(shè)置。然后使用flex布局將圖片水平和垂直居中，并且使用max-height和max-width屬性來確保圖片不會(huì)拉伸變形。

嘗試使用這些CSS代碼來讓您的圖片居中顯示，提高頁面的美觀度和用戶的體驗(yàn)！