在前端開發(fā)中，我們通常會用到CSS來排版網頁。當我們需要將一張圖片居中放置在頁面中央時，該怎么做呢？下面我們就來介紹一下CSS中實現圖片居中的方法。

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

上述代碼中，display: block是將標簽轉為塊級元素，以便可以設置寬度和高度等屬性，同時不再與其他元素并排顯示。而margin: 0 auto則是設置左右外邊距為auto，即可使該元素在父元素中水平居中。

另外，如果要使圖片在水平和垂直方向都居中，則可以使用以下代碼：

img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上述代碼中，position: absolute是使該元素脫離文檔流并相對于父元素進行定位。top: 50%和left: 50%是將元素的左上角定位在父元素的中央點。而transform: translate(-50%, -50%)則是將元素移動到其自身寬度和高度的一半的位置，從而使其在水平和垂直方向都居中。

通過上述方法，在CSS中實現圖片居中的效果就不再難了。希望本文能夠為大家的前端開發(fā)工作帶來一些幫助。