在網頁設計中，我們經常需要將圖片垂直或水平居中，這時候我們就需要使用 CSS 來實現。下面我們來介紹一些實現方法。 一、水平居中圖片 首先，讓我們來看一下如何將圖片水平居中。我們可以使用以下 CSS 代碼： ```html``` 上述代碼中，我們設置了圖片的 display 屬性為 block，這樣圖片就會以塊級元素的形式進行布局。然后我們再將 margin 屬性設置為“0 auto”，也就是將左右外邊距都設置為自動，這樣圖片就可以在其容器中水平居中了。 我們還可以使用以下代碼實現同樣的效果： ```html``` 上述代碼中，我們首先創建了一個 flex 容器，然后設置 justify-content 屬性為 center，這樣圖片就可以在容器中水平居中了。 二、垂直居中圖片 接下來，我們來看一下如何將圖片垂直居中。相比較水平居中，垂直居中的實現要稍微復雜一些。 當容器和圖片的高度一致時，我們可以使用以下 CSS 代碼： ```html``` 上述代碼中，我們設置了容器的 display 屬性為 flex，然后使用 align-items 屬性將圖片垂直居中。 如果容器的高度不確定，我們可以使用以下代碼： ```html``` 上述代碼中，我們首先設置了容器的 position 屬性為 relative，然后將圖片的 position 屬性設置為 absolute，這樣圖片就可以根據容器進行定位。接著，我們使用 top 屬性將圖片的頂部與容器頂部的距離設為 50%，這樣圖片就處于容器的中間位置。最后，我們使用 transform 屬性將圖片向上移動其自身高度的一半，這樣圖片就可以完美地垂直居中了。 總結： 以上是關于使用 CSS 讓圖片垂直或水平居中的幾種實現方法。我們可以根據具體的需求選擇對應的代碼，使圖片在設計中更加美觀和合理。