CSS圖片與底端對齊是許多網頁設計者都會遇到的問題，比如在設計網頁時，可能需要在一個包含圖片的區塊中將圖片與該區塊的底部對齊。以下是一些解決方法。

img {
vertical-align: bottom;
}

使用這種方法，可以通過使用CSS的vertical-align屬性，將圖片與它所在的區塊底部對齊。默認情況下，img元素的vertical-align屬性設置為baseline，這意味著圖片默認會與當前行的基線對齊。但是，將其設置為bottom，則可以讓圖片與其容器底部對齊。

.container {
display: flex;
align-items: flex-end;
}

另一種方法是使用flexbox。通過在包含圖片的容器中設置display:flex。并且使用align-items屬性將其對齊方式設置為底部。容器中所有元素（包括圖片）將沿著主軸方向垂直對齊。

.container {
position: relative;
}
img {
position: absolute;
bottom: 0;
}

還有一種方法是使用position屬性。首先，在包含圖片的容器（通常為div元素）中設置position:relative。接著，在圖片元素中設置position:absolute，并將其底部對齊到容器的底部，通過bottom屬性將其定位。這種方法使圖片相對于其容器定位，可以減少調整其他內容的麻煩。