在网页设计中，经常会用到图片。但是如果图片不是和文字在同一行，那么很容易就出现图片垂直不居中的问题。

在CSS中，有许多方法可以解决图片垂直居中的问题，其中之一就是使用flex布局。

.parent {
display: flex;
justify-content: center;
align-items: center;
}

上面的代码中，我们给父元素加上了display: flex，使其成为一个flex容器。然后使用justify-content: center和align-items: center将子元素（也就是图片）水平垂直居中。

需要注意的是，该方法只能用于父元素高度确定的情况下，且其它元素应该尽量避免使用position: absolute或者过多的margin-top/margin-bottom。

使用以上的方法，图片垂直居中问题就可以轻松解决了。