等宽字体投掷线高度输出

时间:2011-12-06 05:17:31

标签: css

假设我有以下内容:

<p>This is a paragraph containing some <code>code</code>.</p>

具有以下样式:

p {
    font: 16px/24px sans-serif;
}
code {
    font: 16px/24px monospace, sans-serif;
}

为什么代码元素会抛出我的行高?这是一个说明问题的jsFiddle:http://jsfiddle.net/sl1dr/chgyb/

编辑:经过进一步调查,我发现我链接到的小提琴在Mac上工作正常,但在Windows上却没有。由于我正在处理的网站在Mac和Windows上都存在问题,因此越来越有趣。

2 个答案:

答案 0 :(得分:1)

这不是line-height更改,而是因为大多数不同的font-family在字体周围有不同的边距。但是font-margin不是你可以用css改变的东西。所以你是对的,你需要更改line-heighthttp://jsfiddle.net/chgyb/2/

答案 1 :(得分:0)

我发现here是一个有效的解决方案,即再次设置font-size并将font-family设置为monospace, monospace