在CSS中，您可以使用多種方法將圖片居中，以下是一種簡單的方法，使用CSS的flexbox布局。

您需要將包含圖片的容器設置為flexbox布局，這可以通過在容器元素上添加display: flex;屬性來實現(xiàn)，如果您的圖片在一個名為image-container的div中，您可以這樣寫：

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

在CSS中：

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

這里的justify-content: center;和align-items: center;會將圖片在容器中水平和垂直居中。

另一種方法是使用CSS的transform屬性，這種方法需要先將圖片設置為塊級元素（block-level element），然后使用transform屬性將其移動到容器中心。

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

在CSS中：

.image {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

這里的position: relative;將圖片相對于其正常位置進行定位，left: 50%;和top: 50%;將圖片移動到容器的右上角，然后transform: translate(-50%, -50%);將其移動到中心，這種方法適用于需要更多控制的情況，例如當圖片大小不確定時。