0

この質問では、アンカーのテキストを div 内に配置し、ここで繰り返す同じコードを指定します。

HTML マークアップ

<div id="header"> 
    <a href="cattle.html" class="current">Cattle Farms</a> 
</div>

CSS スタイル

#header a { 
    width: 100%; 
    height: 100%; 
    display: block; 
    font-size: 25px; 
}

答え

div#header a { 
    width: 100%; 
    height: 100%; 
    display: block; 
    text-indent: 20px; 
    line-height: 350px; 
}

フィドル

私の質問は、なぜ line-height が div から抜け出さないのかということです

4

1 に答える 1

1

それはdivから抜け出します。spanタグの中に a を入れてa、インライン ブロックの表示 (および背景色が表示されるように) を指定すると、それが行われていることがわかります。スパンは行の高さを継承することに注意してください。見てみましょう：

http://jsfiddle.net/fnX9n/6/

ラインaの高さを大きくすると、他に何もしなくても、div から抜け出していることがわかります: http://jsfiddle.net/fnX9n/7/

于 2012-08-20T21:21:50.730 に答える