CSS3是一種強大的樣式語言，可以幫助我們在網頁中創建各種優美的效果。其中，設置圖片垂直居中也是我們常常需要使用的一個功能。

img{
position:relative;/*相對定位*/
top:50%;/*向上移動50%的高度*/
transform:translateY(-50%);/*在向上移動后再向上移動50%的高度*/
}

上面的代碼是一種實現圖片垂直居中的方法，我們可以通過將圖片的位置設置為相對定位并向上移動一半的高度，然后再利用transform向上移動一半的高度，從而實現垂直居中的效果。

另外，我們還可以使用Flexbox布局來實現圖片的垂直居中，代碼如下：

.parent{
display:flex;
justify-content:center;/*水平居中*/
align-items:center;/*垂直居中*/
}
img{
flex:none;
}

上面的代碼中，我們將父元素的display屬性設置為flex，并分別設置justify-content和align-items為center，這樣就可以讓圖片在水平和垂直方向上都居中。同時，我們還需要將圖片的flex屬性值設置為none，以確保圖片尺寸不會產生變化。

總的來說，CSS3提供了多種實現圖片垂直居中的方法，我們可以根據實際需求來選擇最合適的方式。