3

body で定義されているスパン要素の line-height を変更できません (!important を使用してみましたが、font/line-height を含む別の line-height 表記も使用しました)。コードは次のとおりです。

body {
    font: 16px/1.5 Arial, Helvetica, sans-serif;
}

.pageBody.oferta > .cnt .columns ul span {
    font-size: 9px;
    line-height: 1;
}

問題は明らかに、私の spans line-height が 1.5 であることです

さらに、その Web 開発ツールは、body からの継承がそれをカバーしていることを示していません (Web 開発ツールで交差しています)。サイトにもたくさんのコードがありますが、とにかく行の高さに影響を与える可能性があるとは思いません (したがって、貼り付けることは多くのスパムになります)。

編集:私が見つけた興味深いこと:2より大きい行の高さを適用すると、スパンに適用され始めます。

4

3 に答える 3

11

line-heightではなく、ブロック コンテナーに設定しspanます。、spanまたは置換されていないインライン要素全般の場合、コンテンツ領域の高さはフォントとブラウザーに依存し、一般にディセンダーとアセンダーを規定します。CSS 2.1 仕様の10.6.1 インラインの置換されない要素を参照してください。

要素やその他のブロック要素の場合でもdiv、高さを 9px まで微調整する可能性は、最小フォント サイズをより大きな値に設定するなどのユーザー設定によって妨げられる場合があります (Firefox のユーザー オプションであり、作成者がオーバーライドすることはできません)。

行の高さをどのように推測したかはわかりませんが、Firebug によると、あなたの例から作成されたドキュメントの場合、計算された行の高さは 9px ですが、レイアウト ペインでは高さは 13px です。CSS 2.1 の原則では、これは正常です。

于 2012-05-16T10:53:44.530 に答える
0 
span {
    line-height: 0.66; /* 66% of 1.5 ~= 1 
}

line-height 値はネストされた要素で乗算されるため、 でこれを取得できます0.66。値をオーバーライドするもう 1 つの方法は設定ですline-height: normal(ただし、実際の値はブラウザによって異なります) 。

于 2012-05-16T09:38:25.650 に答える
0

ここに定義例の単位部分がありません

于 2012-05-16T09:29:59.847 に答える