今天我們來講一下如何使用 CSS 來讓圖片居中顯示，以下是具體的步驟。 首先，在 HTML 中，我們需要添加一個 img 標簽，并設置其 src 屬性為圖片的地址。然后，我們需要為該 img 標簽添加一個 CSS 類，比如我們這里添加了一個名為 "center-img" 的類。 ```

``` 接著，在 CSS 中，我們需要為該類添加樣式，使其可以居中顯示。我們可以通過以下幾種方法實現。 1. 使用 text-align 屬性 `````` 這個方法的原理是，我們通過將 img 標簽設置為塊級元素，并將其左右 margin 值設為 auto，使其水平居中。然后，我們再將包含該 img 標簽的 p 標簽的 text-align 屬性設為 center，使其垂直居中。 2. 使用 flexbox `````` 這個方法的原理是，我們將包含該 img 標簽的 p 標簽設置為 flex 容器，并將其 justify-content 和 align-items 屬性都設為 center，使其水平和垂直居中。同時，我們可以將 img 標簽的 max-width 屬性設為 100%，以確保圖片不會超出容器的寬度。 以上就是兩種讓圖片居中顯示的方法。大家可以根據實際需求選擇適合自己的方式。