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

回答