CSS3中，可以使用多種方法使圖片垂直居中，以下是一些常見(jiàn)的方法：

1、使用flexbox布局

Flexbox是一種CSS布局模式，可以輕松地使元素在容器中垂直居中，要使圖片垂直居中，可以將圖片所在的容器設(shè)置為flex容器，并使用align-items屬性將其對(duì)齊到中心。

.container {
  display: flex;
  align-items: center;
}

2、使用grid布局

CSS Grid是一種強(qiáng)大的布局系統(tǒng)，它也可以使圖片垂直居中，通過(guò)將圖片所在的容器設(shè)置為grid容器，并使用align-content屬性將其對(duì)齊到中心，可以實(shí)現(xiàn)圖片的垂直居中。

.container {
  display: grid;
  align-content: center;
}

3、使用position屬性

另一種方法是使用position屬性將圖片定位到容器中，通過(guò)將圖片設(shè)置為***定位（absolute），并將其top和bottom屬性設(shè)置為0，可以實(shí)現(xiàn)圖片的垂直居中。

.container {
  position: relative;
}
.image {
  position: absolute;
  top: 0;
  bottom: 0;
}

4、使用transform屬性

CSS3的transform屬性也可以用來(lái)實(shí)現(xiàn)圖片的垂直居中，通過(guò)將圖片進(jìn)行垂直方向的縮放和位移，可以使其垂直居中。

.image {
  transform: translateY(-50%) scale(1.5);
}

是幾種常見(jiàn)的使圖片垂直居中的方法，可以根據(jù)具體的需求和場(chǎng)景選擇適合的方法。