在網頁設計中，經常會遇到圖片需要居中的情況。本文將介紹如何使用CSS實現圖片上下居中。 首先，我們需要在HTML中使用標簽插入圖片。為了方便起見，我們為這個標簽添加一個類名“centered-img”。 ```html

下面的圖片需要居中：

``` 接下來，我們需要在CSS中設置.centered-img類的樣式。為了讓圖片實現上下居中，我們需要使用vertical-align屬性。具體來說，我們將vertical-align屬性的值設置為middle。 ```css .centered-img { display: block; margin: 0 auto; vertical-align: middle; } ``` 其中，我們還設置了一個display屬性，將圖片設置為塊級元素，以便于圖片水平居中顯示。margin屬性值為“0 auto”則是將圖片水平居中。 現在，您可以嘗試將以上代碼添加到您的網頁中，看看圖片是否能實現垂直居中顯示。如果有任何問題，請在評論區留言，我們將幫助您解決。