在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: 100vh; /* 根據(jù)需要調(diào)整高度 */
}

在這個示例中，.image-container元素被設置為一個flex容器，justify-content和align-items屬性分別控制水平和垂直方向上的對齊方式。height屬性可以根據(jù)需要調(diào)整容器的高度。

這種方法可以使圖片在容器中居中顯示，無論容器的尺寸如何變化，還有其他方法可以實現(xiàn)圖片居中顯示，例如使用CSS的position屬性或CSS Grid布局等，選擇哪種方法取決于具體的需求和場景。