CSS圖片怎么移動到中間？看起來是一項簡單的任務，但有幾種方法可以達到這一目的。

//方法1
.center-img {
display: block;
margin: 0 auto;
}
//方法2
.center-img {
display: flex;
justify-content: center;
}
//方法3
.center-img {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
//方法4
.center-img {
position: relative;
left: 50%;
margin-left: -50px; /* 圖片寬度的一半 */
}

方法1使用“block”元素和“margin: 0 auto”將圖像水平居中。 對于這種方法，圖像必須是塊級元素。

方法2使用“display: flex”和“justify-content: center”將圖像水平和垂直居中。 此方法適用于圖像是內聯(lián)的或獨立的，但是不支持IE9及以下版本。

方法3使用“position: absolute”將圖像歸位，并使用“l(fā)eft: 50％”將其左邊緣居中。 使用“transform: translateX（-50％）”將其向左移動其自身寬度的50％。

方法4使用相對定位將圖像移動到父元素的中心，并使用左和負邊距將其水平居中。 此方法不一定適用于所有情況，并取決于圖像和容器的寬度。