CSS：行の高さの下にテキストを設定するには

-1

line-height: 3のdivがあります。テキストを行の高さの下に配置するにはどうすればよいですか？現在、テキストは常に行の高さの中央に固定されています。CSS：行の高さの下にテキストを設定するには

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

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

あなたはこの動作が起こるが、また、あなたが使用する必要があります上部にあるいくつかの余分なスペースを必要とする場合、コード – dippas

行の高さが、でも、改行の後に、すべての行に適用されます提供する必要があります余分なパディング/マージンを持つラッパー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

答えて