css - CSS:如何在行高的底部设置文本

我有一个line-height: 3的div。
如何将文本放置在行高的底部？当前，文本始终锚定在行高的中间。

.test{
  background-color: yellow;
  line-height: 3
}

<div class='test'>
  AAAAAAAAAAAAAAAAA
</div>

最佳答案

您不能...行高会影响所有文本及其周围的空间。您想要的是顶部填充。

.test {
  background-color: yellow;
  line-height: 1;
  padding-top: 2em;
}

<div class='test'>
  AAAAAAAAAAAAAAAAA
</div>

关于css - CSS:如何在行高的底部设置文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40437370/