在CSS中，圖片居中可以通過使用flexbox布局來實現(xiàn)，將圖片所在的容器設(shè)置為一個flexbox，然后使用align-items: center和justify-content: center將圖片在水平和垂直方向上居中。

示例代碼如下：

<div class="image-container">
  <img src="image.jpg" alt="示例圖片">
</div>

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

在上面的代碼中，圖片所在的div元素被設(shè)置為一個flexbox，通過align-items: center和justify-content: center將圖片在水平和垂直方向上居中，這樣，圖片就會出現(xiàn)在容器的中心位置。

需要注意的是，如果圖片本身的大小與容器不同，那么圖片可能會變形或者無法完全居中，在這種情況下，可以考慮使用object-fit: cover或者object-position: center等屬性來調(diào)整圖片的大小和位置。

如果需要在其他布局中也實現(xiàn)圖片居中的效果，可以考慮使用其他布局技術(shù)，如grid布局等，這些布局技術(shù)都可以幫助我們更好地控制圖片的位置和大小。