在 CSS 中，字體底部對齊是一個很常見的問題。通常情況下，我們在文本中使用的字體大小不一，這就會導致文本中字體的底部對不齊。如果你不想讓這種情況發生，那么你需要學會如何在 CSS 中實現字體底部對齊。

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

如上面的代碼所示，我們首先需要讓我們的文本以行內塊的方式進行排列，同時設置它們對齊時使用底部對齊的方式。這樣就可以讓不同字體大小的文本底部對齊了。

需要注意的是，只有在文本所在的容器高度一致的情況下，才可以使用底部對齊的方式。否則，會導致文本沒有垂直居中的效果。

除了在文本中，有時我們也需要在導航菜單等其他場景中使用字體底部對齊。這時我們可以像下面這樣設置：

ul {
list-style: none;
display: flex;
justify-content: space-around;
align-items: flex-end;
}
li {
font-size: 14px;
}

通過設置列表的對齊方式為底部對齊，可以讓不同字體大小的文本底部對齊。

總之，要想在 CSS 中實現字體底部對齊，我們需要設置文本的行內塊和垂直對齊方式，但前提是容器高度一致，才能得到最好的效果。