3

私は非常に奇妙な行動を経験しました。test1 が正常に動作しているのに、test2 が行の高さを無視するのはなぜですか? (背景色はコンテナをよりよく識別するためのものです)

body {
    line-height:0.8;
}

.test1 {
    background:#fdf;
    font-size:24px;
    font-family:Arial,sans-serif;
}
.test2 {
    background:#ffd;
    font:24px Arial,sans-serif;
}

ライブデモ: http://jsfiddle.net/tHUeg/4/

4

2 に答える 2

11

fontは簡略化されたプロパティであり、それを使用すると、それを構成する特定のプロパティが削除されます。line-heightに含まれているためfont(通常は と表示され24px/0.8 Arial,sans-serifます)、デフォルト値にリセットされます。

于 2013-09-30T14:42:23.337 に答える
2

font含まれline-heightているため、デフォルトにオーバーライドされます。

https://developer.mozilla.org/en-US/docs/Web/CSS/font

于 2013-09-30T14:42:22.907 に答える