CSS是一種用于設置網頁樣式的語言，通過它我們可以控制元素的樣式和布局，其中圖片的對齊方式也可以使用CSS來進行設置。

當圖片和文本混排時，有時候希望圖片能夠和文本對齊，但是由于圖片的大小和文本的行高不同，導致圖片和文本的對齊方式不一致。

這時，我們可以使用CSS中的vertical-align屬性來對圖片進行垂直方向的對齊。其中，vertical-align屬性有多個取值，如baseline、top、middle、bottom等。

img{
vertical-align: middle;
}

上面的代碼將圖片的vertical-align屬性設置為middle，即讓圖片在垂直方向上與周圍的元素居中對齊。

需要注意的是，vertical-align屬性只對行內元素有效，如果想要對塊狀元素中的圖片進行垂直方向的對齊，可以將其外面包裹一個span標簽，并將span標簽的display屬性設置為inline-block。

.image-wrap {
display: inline-block;
vertical-align: middle;
}

上面的代碼中，我們新建了一個span標簽，并將其display屬性設置為inline-block，用來包裹圖片，并根據需求設置了其垂直方向的對齊方式。

總之，CSS中的vertical-align屬性可以很好的解決圖片與文本混排時的對齊問題，根據實際需求來進行設置即可。