在 CSS 中，文字在行內元素中的對齊方式有很多種方式。其中，文本對齊是一種非常常見的對齊方式。

文本對齊包括文本底對齊和文本頂對齊。在本篇文章中，我們將來學習如何在 CSS 中設置文本底對齊。

h1{
font-size: 24px;
line-height: 1.5;
display: inline-block;
vertical-align: bottom;
}

如上示例代碼所示，我們可以使用 vertical-align 屬性來設置元素中文本的基線位置。其中，bottom 可以將文本與元素的底部對齊，從而實現文本底對齊的效果。

值得注意的是，vertical-align 屬性只能應用于行內元素或表格單元格。

在處理多行文本時，通常需要將元素設置為 display: inline-block，才可以應用 vertical-align 屬性。

除了使用 vertical-align 屬性外，我們還可以使用 flex 布局中的 align-items: flex-end 屬性來實現文本底對齊的效果。

.container{
display: flex;
align-items: flex-end;
}
h1{
font-size: 24px;
line-height: 1.5;
}

如上代碼所示，我們將文本所在的容器設置為 display: flex，通過 align-items 屬性將文本對齊到元素的底部。

以上就是關于在 CSS 中實現文本底對齊的方法，希望對大家有所幫助。