3

我经历了一个非常奇怪的行为。为什么 test2 忽略 line-height 而 test1 工作正常？（背景色只是为了更好地识别容器）

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 回答