在CSS中，我們可以使用多種方法將圖片居中，以下是一種簡單的方法，使用flexbox布局來實現(xiàn)：

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

在這個例子中，我們創(chuàng)建了一個名為container的類，并將其應(yīng)用于HTML元素中，這個類使用display: flex;屬性來啟用flexbox布局。justify-content: center;屬性將圖片在水平方向上居中，而align-items: center;屬性則將圖片在垂直方向上居中。

如果你想要將圖片居中于一個特定的元素內(nèi)，你可以將container類應(yīng)用于該元素，如果你想要將圖片居中于一個<div>元素內(nèi)，你可以這樣寫：

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

在這個例子中，圖片將被居中于<div>元素內(nèi)，你可以將path/to/image.jpg替換為你想要使用的圖片路徑。

這種方法僅適用于現(xiàn)代瀏覽器，因為flexbox布局是CSS3中的新特性，如果你需要支持舊版本的瀏覽器，你可能需要使用其他方法來實現(xiàn)圖片居中。