在CSS中，我們可以使用多種方法將圖片居中顯示，以下是一種常見的方法：

1、我們需要?jiǎng)?chuàng)建一個(gè)包含圖片的HTML元素，

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

2、在CSS中，我們可以使用position屬性將圖片定位到容器中，我們可以將position屬性設(shè)置為absolute，并將top和left屬性設(shè)置為50%，以將圖片定位到容器的中心。

.image-container {
    position: relative;
    width: 200px;
    height: 200px;
}
.image-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

在這個(gè)例子中，.image-container元素被設(shè)置為相對(duì)定位，而圖片則被設(shè)置為***定位，通過將top和left屬性設(shè)置為50%，圖片將被定位到容器的中心，使用transform屬性將圖片自身中心對(duì)齊到容器的中心。

這種方法可以確保圖片始終在容器中居中顯示，無論容器的尺寸如何變化，使用CSS的position屬性還可以實(shí)現(xiàn)其他復(fù)雜的布局需求，如疊加圖片或創(chuàng)建模態(tài)框等。