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

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

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

2、使用CSS為包含圖片的div元素添加樣式。

.image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; /* or any other height */
}

在這個樣式中，display: flex;將div元素轉(zhuǎn)換為flexbox布局。justify-content: center;和align-items: center;將圖片在水平和垂直方向上居中顯示，您可以根據(jù)需要調(diào)整高度或?qū)挾取?/p>

這種方法適用于現(xiàn)代瀏覽器，因?yàn)閒lexbox布局是CSS3的一部分，如果您需要支持較舊的瀏覽器，可能需要使用其他方法來實(shí)現(xiàn)圖片居中顯示。