在CSS中，圖片居中可以通過多種方式實現(xiàn)，一種常見的方法是使用flexbox布局，下面是一些示例代碼：

HTML代碼：

<div class="image-container">
  <img src="image.jpg" alt="Image">
</div>

CSS代碼：

.image-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

在這個示例中，我們創(chuàng)建了一個名為image-container的div元素，用于包含圖片，我們使用display: flex將其轉(zhuǎn)換為flexbox布局。align-items: center和justify-content: center屬性將圖片在垂直和水平方向上居中。

我們還可以使用CSS的position屬性來實現(xiàn)圖片居中，下面是一個示例：

HTML代碼：

<div class="image-container">
  <img src="image.jpg" alt="Image">
</div>

CSS代碼：

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

在這個示例中，我們將image-container元素的position屬性設(shè)置為relative，這將使其成為圖片的參考點，我們將圖片的position屬性設(shè)置為absolute，并將其top和left屬性設(shè)置為50%，這將使圖片在容器元素的中心位置，我們使用transform: translate(-50%, -50%)將圖片在水平和垂直方向上居中。

無論您選擇哪種方法，都可以實現(xiàn)CSS中圖片居中的效果，您可以根據(jù)自己的需求和喜好選擇***適合的方法。