vertical-align屬性是CSS中一個(gè)用來(lái)控制行內(nèi)元素的垂直對(duì)齊方式的屬性，經(jīng)常用來(lái)控制文字和圖片之間的對(duì)齊方式。

常見(jiàn)的vertical-align的可選值包括：baseline、middle、top、bottom、text-top和text-bottom。

baseline是默認(rèn)值，指的是元素放置在父元素的基準(zhǔn)線上。而middle則會(huì)使元素處于父元素的中心位置。

top和bottom可將元素放在父元素的頂部和底部，而text-top和text-bottom會(huì)在所有文本行的頂部和底部添加額外的空間，以便放置元素。

img {
vertical-align: middle;
}

如上代碼將圖片的垂直對(duì)齊方式設(shè)置為middle，可以使得圖片在文本行的中間位置，看起來(lái)更加美觀。

需要注意的是，vertical-align僅適用于行內(nèi)元素和表格單元格。對(duì)于塊級(jí)元素，必須通過(guò)一些方式（如設(shè)置display屬性）來(lái)使它們變成行內(nèi)元素，才能使用vertical-align來(lái)控制它們的垂直對(duì)齊方式。

div {
display: inline-block;
vertical-align: middle;
}

如上代碼將div元素設(shè)置為inline-block，使其變?yōu)樾袃?nèi)塊元素，并將其垂直對(duì)齊方式設(shè)置為middle。這樣就可以對(duì)div元素使用vertical-align，并使其在文本行中垂直居中。