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中常用的圖片豎直對齊技巧。通過靈活組合運用，可以達到各種不同的排版效果。