CSS的图片竖直对齐是一个非常重要的内容，对于网页的排版设计起到至关重要的作用。以下是关于CSS中图片竖直对齐的一些常用技巧。

.vertical-align{
display: flex;
align-items: center;
}
img{
vertical-align: middle;
}

上述代码中，我们使用了flex布局，通过align-items属性来实现竖直居中对齐。在img选择器中设置vertical-align属性为middle，则图片将会相对于所在行竖直居中对齐。

另外，我们还可以尝试使用line-height属性，将图片和所在行的行高对齐，代码示例如下：

.vertical-align{
line-height: 50px;
}
img{
vertical-align: middle;
}

通过设置line-height属性，让行高与图片高度相同，这样我们使用vertical-align属性将图片竖直居中对齐，则达到了我们想要的效果。

总结来说，以上两种方法是CSS中常用的图片竖直对齐技巧。通过灵活组合运用，可以达到各种不同的排版效果。