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