在CSS中,可以使用align-self
屬性來設(shè)置圖片靠底部,可以將圖片元素的align-self
屬性設(shè)置為flex-end
,這樣圖片就會靠容器的底部對齊。
假設(shè)有一個圖片元素和一個容器元素,可以將圖片元素的CSS樣式設(shè)置為:
img { align-self: flex-end; }
這樣,圖片就會靠容器的底部對齊,需要注意的是,這種方法只適用于將圖片靠底部對齊到其***近的父級容器,如果需要將圖片靠底部對齊到其他位置,可以使用其他CSS屬性來實現(xiàn)。
如果需要將圖片靠底部對齊到頁面的底部,可以使用position: fixed
屬性將圖片固定在頁面底部。
img { position: fixed; bottom: 0; }
這樣,圖片就會固定在頁面底部,并且隨著頁面的滾動而移動,需要注意的是,這種方法可能會影響到頁面的其他元素布局,需要謹慎使用。