CSS能夠幫助我們實現(xiàn)圖片與文字在垂直方向上的對齊。

我們可以使用CSS的vertical-align屬性來控制行內(nèi)元素（如圖片和文本）的對齊方式。默認(rèn)情況下，行內(nèi)元素的基線對齊，有時候這會造成圖片和文本之間的留白。

img {
vertical-align: middle;
}

通過將vertical-align屬性設(shè)置為middle，圖像將與相鄰的文本垂直居中對齊。如果希望圖像與段落底部對齊，則可以設(shè)置vertical-align屬性為bottom。

img {
vertical-align: bottom;
}

當(dāng)設(shè)置完vertical-align屬性后，我們可以在圖片上方或下方添加文本，使其與圖片垂直對齊。

一些注意事項包括，如果文本的行高大于圖片的高度，則圖片對齊將被忽略。同樣，某些瀏覽器對于不同的vertical-align屬性值的解釋可能會有所不同，因此我們需要在不同瀏覽器中進行測試以確保預(yù)期的結(jié)果。