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

1、我們需要?jiǎng)?chuàng)建一個(gè)包含圖片的HTML元素，我們可以使用<img>標(biāo)簽來插入一張圖片：

<img src="path/to/your/image.jpg" alt="Image Description">

2、我們可以使用CSS來設(shè)置圖片的定位和尺寸，為了使圖片居中顯示，我們可以使用margin: auto;來自動(dòng)計(jì)算左右兩邊的空白區(qū)域，從而實(shí)現(xiàn)居中效果：

img {
    margin: auto;
    display: block;
    width: 50%; /* 根據(jù)需要調(diào)整圖片寬度 */
    height: auto; /* 保持圖片原始縱橫比 */
}

3、在上述CSS代碼中，width: 50%;表示圖片的寬度為其父元素寬度的50%，你可以根據(jù)需要調(diào)整這個(gè)比例。height: auto;表示圖片的高度保持其原始縱橫比，這樣圖片就不會(huì)變形。

4、如果你希望圖片在垂直方向上也能居中顯示，可以使用vertical-align: middle;屬性：

img {
    vertical-align: middle;
}

5、如果你希望圖片在其父元素中完全居中，可以使用position: absolute;和top: 50%;屬性，并配合transform: translateY(-50%);來實(shí)現(xiàn)：

img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

這種方法會(huì)使圖片在其父元素中完全居中顯示。