圖片居中CSS怎么寫？

在CSS中，我們可以使用margin:auto;來使圖片水平居中，我們需要將圖片元素設置為塊級元素，然后應用margin:auto;，這樣，瀏覽器就會將圖片元素平均分配到左右兩側，從而實現(xiàn)水平居中。

假設我們有一個圖片元素：

<img id="myImage" src="image.jpg" />

我們可以使用以下CSS代碼來使圖片水平居中：

#myImage {
  display: block;
  margin: auto;
}

需要注意的是，這種方法只適用于水平居中，如果你需要使圖片在容器中垂直居中，那么可以使用position: absolute;和top: 50%;來實現(xiàn)，將容器元素設置為相對定位，然后將圖片元素設置為***定位，并使用top: 50%;來將圖片向下移動容器高度的一半，從而實現(xiàn)垂直居中。

#myContainer {
  position: relative;
}
#myImage {
  position: absolute;
  top: 50%;
}

兩種方法可以實現(xiàn)圖片在CSS中的水平或垂直居中，根據(jù)你的具體需求，選擇適合的方法即可。