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

創(chuàng)建一個包含圖片的HTML元素，一個包含圖片image.jpg的div元素：

<div class="image-container">
    <img src="image.jpg" alt="圖片">
</div>

在CSS中，使用flexbox布局來居中顯示圖片，以下是一個示例：

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

在這個示例中，.image-container元素被設置為一個flexbox容器。justify-content: center;和align-items: center;屬性將圖片在水平和垂直方向上居中。height: 100vh;屬性將容器高度設置為視口高度的100%，確保圖片在整個頁面中居中顯示。

這種方法要求圖片的容器元素（在這個示例中是.image-container）具有足夠的高度和寬度來容納圖片，如果容器元素的高度和寬度不足，圖片可能無法完全居中顯示，在實際應用中，需要根據(jù)具體需求調(diào)整容器元素的大小和位置。