CSS：如何在行高度

-1

的底部设置文本我有line-height: 3一个div。如何将文本定位在行高的底部？目前文本始终位于行高的中间。CSS：如何在行高度

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

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

你应该提供代码 – dippas

LINE-HEIGHT适用于所有的行，即使在换行，如果你想这种行为发生，但还需要在你应该使用顶部一些额外的间距一个带有额外填充/边距的包装div。 – JohannesB

'vertical-align：text-bottom;' – connexo

-1

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

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

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

2016-11-05 14:21:07

回答