等宽字体抛出行高答案

【问题标题】：Monospaced font throwing line-height out等宽字体抛出行高
【发布时间】：2012-01-13 19:17:13
【问题描述】：

假设我有以下内容：

这是一个包含一些代码的段落。

具有以下样式：

p {
    字体：16px/24px 无衬线；
}
代码 {
    字体：16px/24px 等宽，无衬线；
}

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

编辑：经过进一步调查，我发现我链接到的小提琴在 Mac 上工作正常，但在 Windows 上却不行。这变得越来越有趣，因为我正在处理的网站在 Mac 和 Windows 上都存在问题。

【问题讨论】：

标签： css

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：