在 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 中实现字体底部对齐，我们需要设置文本的行内块和垂直对齐方式，但前提是容器高度一致，才能得到最好的效果。