在CSS中設置元素的垂直對齊方式是很常見的需求。其中一種常見的方式是將元素底部對齊。這篇文章將介紹如何使用CSS將元素對齊到底部。

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

首先，我們需要將要對齊的元素包含在一個容器中。這個容器需要設置為彈性布局（flexbox），以便我們可以使用align-items屬性。

接下來，我們需要將align-items屬性設置為flex-end。這會將元素的底部對齊到容器的底部。

這種方法的好處是可以輕松地將多個元素居中，而無需將它們的高度設置為相同的值。

如果您不想使用flexbox，還有其他方法可以將元素對齊到底部。例如，您可以使用position屬性并將bottom屬性設置為0。但是，使用flexbox是目前最流行的方法。

總結一下，使用CSS將元素對齊到底部是很容易做到的。只需要將容器設置為flexbox并將align-items屬性設置為flex-end即可。這是一種簡單而有效的方法，可以使您的界面更加美觀。