圖片上下居中的CSS代碼怎么寫

在CSS中，我們可以使用vertical-align屬性來實現(xiàn)圖片上下居中的效果，我們可以將vertical-align屬性設(shè)置為middle，這樣圖片就會在其父元素中垂直居中。

假設(shè)我們有一個圖片元素和一個父元素，我們可以這樣寫CSS代碼：

<div style="height: 200px; line-height: 200px; text-align: center;">
    <img style="vertical-align: middle;" src="path/to/image.jpg" />
</div>

在上面的代碼中，我們首先將父元素的高度設(shè)置為200像素，并將行高設(shè)置為200像素，這樣圖片就會垂直居中，我們將圖片元素的vertical-align屬性設(shè)置為middle，這樣圖片就會在其父元素中上下居中。

需要注意的是，這種方法只適用于圖片元素和父元素都是行內(nèi)元素的情況，如果父元素是塊級元素，那么我們需要將圖片元素設(shè)置為塊級元素或者行內(nèi)塊級元素才能實現(xiàn)垂直居中的效果。