CSS中可以使用多種方法實現(xiàn)層中圖片的垂直居中，通過不同的技巧和屬性，使圖片在容器中垂直居中。

下面是一些實現(xiàn)圖片垂直居中的方法：

/* 方法一：使用flexbox布局 */
.container {
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}
/* 方法二：使用position和transform */
.container {
position: relative;
}
.image {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
/* 方法三：使用line-height */
.container {
line-height: /*等于容器高度的值*/;
}
.image {
display: inline-block;
vertical-align: middle;
}

以上是常見的三種實現(xiàn)圖片垂直居中的方法，選擇合適的方法可以避免使用不必要的hack。