在CSS樣式中，要使圖片居中，可以使用多種方法，以下是一種常見的方法，使用flexbox布局來實現(xiàn)。

創(chuàng)建一個包含圖片的HTML元素。

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

在CSS樣式中，為包含圖片的容器元素添加以下樣式：

.image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; /* 根據(jù)需要調(diào)整容器高度 */
}

在這個樣式中，display: flex;將容器設(shè)置為flexbox布局。justify-content: center;和align-items: center;分別將圖片在水平和垂直方向上居中。height: 100%;根據(jù)需要調(diào)整容器高度，以確保圖片能夠完全顯示。

這種方法適用于大多數(shù)現(xiàn)代瀏覽器，并且具有響應(yīng)式設(shè)計的優(yōu)點，無論屏幕大小如何變化，圖片始終能夠保持居中顯示。