CSS怎么將圖片底部對齊 CSS中的img標簽是內聯元素，在默認狀態下是基準線對齊的，也就是說圖片底部會和文字的基線對齊。但是我們有時候會需要將其底部對齊，這時候可以利用vertical-align屬性來實現。 我們可以將img標簽的display屬性設置為block，然后利用vertical-align將其底部對齊。 以下是樣式代碼：

img {
display: block;
vertical-align: bottom;
}

其中，vertical-align屬性有以下取值： - top：頂部對齊。 - middle：中間對齊。 - bottom：底部對齊。 - baseline：基線對齊。 - text-top：與父元素文本的頂部對齊。 - text-bottom：與父元素文本的底部對齊。 需要注意的是，父元素的高度必須大于img元素的高度，否則設置底部對齊也沒有效果。 總之，我們可以使用vertical-align屬性輕松實現圖片底部對齊的效果，使頁面更加美觀。