CSS中,可以使用vertical-align屬性來讓元素居下對齊,可以將vertical-align屬性設(shè)置為bottom,這樣元素就會在其父元素中垂直對齊到底部。
假設(shè)有一個父元素div,其中包含一個子元素img,我們希望img元素在div中垂直對齊到底部,可以在CSS中這樣寫:
div { display: flex; align-items: flex-end; } img { vertical-align: bottom; }
在這個例子中,我們首先將div元素設(shè)置為flex布局,然后使用align-items屬性將其子元素垂直對齊到底部,我們將img元素的vertical-align屬性設(shè)置為bottom,這樣img元素就可以在div中垂直對齊到底部了。
需要注意的是,如果父元素不是flex布局,那么子元素的vertical-align屬性將不會生效,在使用vertical-align屬性之前,需要確保其父元素是flex布局。