有時候，在設計網頁時，我們希望文本能夠垂直底部對齊顯示，從而讓頁面更加美觀。在CSS中，我們可以使用vertical-align屬性來實現這一目標。

.box {
display: table-cell;
vertical-align: bottom;
}

上述代碼中，我們將文本所在的元素設置為display: table-cell，這樣就可以實現像表格單元格一樣的文本對齊方式。接下來，我們將文本的垂直對齊方式設置為vertical-align: bottom，即可讓文本顯示在元素的底部。

需要注意的是，這種方法只適用于以行內或塊級元素展示的文本，如果文本應用了浮動或絕對定位等屬性，則需要使用其他方法來實現垂直底部對齊。此外，如果父元素的高度不夠容納全部文本，則文本可能會溢出父元素。

總的來說，使用vertical-align屬性可以很方便地實現文本的垂直底部對齊，在頁面設計中得到廣泛應用。