CSS中讓圖片垂直居中，可以利用CSS的transform屬性來實(shí)現(xiàn)，具體步驟如下：

1、給圖片元素添加CSS樣式，設(shè)置其position屬性為absolute，這樣可以讓圖片脫離文檔流，方便進(jìn)行定位操作。

2、給圖片元素的父元素添加CSS樣式，設(shè)置其height屬性為100%，這樣可以讓父元素的高度充滿整個(gè)屏幕或容器。

3、給圖片元素添加CSS樣式，設(shè)置其top屬性為50%，transform屬性為translateY(-50%)，這樣可以讓圖片在垂直方向上居中顯示。

需要注意的是，這種方法只適用于CSS3支持較好的瀏覽器，對于不支持CSS3的瀏覽器，可能需要使用其他方法來實(shí)現(xiàn)圖片垂直居中。

在HTML中，還需要給圖片元素添加相應(yīng)的標(biāo)簽和屬性，以便在網(wǎng)頁中正確顯示圖片，可以使用img標(biāo)簽來顯示圖片，并設(shè)置其src屬性為圖片的路徑或URL。

利用CSS的transform屬性可以讓圖片在垂直方向上居中顯示，同時(shí)需要注意兼容性和HTML標(biāo)簽的使用。