我有一个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/

10-12 00:07
查看更多