CSS 圖片垂直居中方法 CSS 中圖片垂直居中是一個常見的問題，很多人在實現時不知道該如何處理。以下是一些常用的方法。 1. 使用 line-height 屬性 我們可以在包含圖片的元素中設置 line-height 屬性，并將其值設置為元素的高度。這樣，圖片就會垂直居中。 例如：

2. 使用 vertical-align 屬性 我們可以在包含圖片的元素中設置 vertical-align 屬性，并將其值設置為 middle 或 top。這樣，圖片就會垂直居中。 例如：

3. 使用 flexbox 我們可以使用 flexbox 布局來垂直居中圖片。將容器的 display 屬性設置為 flex，并使用 align-items 和 justify-content 屬性將圖片垂直和水平居中。 例如：以上是一些常用的方法，希望可以幫助到大家。 代碼展示：