1
4

2 回答 2

5

一种在当前浏览器上实际有效的方法，但不能保证普遍适用：

.codelike { font-family: monospace; }

在 CSS 中，无法知道浏览器默认使用哪种字体作为code元素或pre元素（不清楚您的意思是哪一种）。但实际上，浏览器似乎使用与实现通用字体名称相同的字体monospace。但这不是必需的，他们很可能会使用其他东西，以及与 for 不同的pre字体code。

请注意，如果您将任何字体名称放在通用字体名称之前，就像您在编写样式表时通常应该做的那样，它将打破这个想法。不同的浏览器有不同的默认等宽字体，这通常可以由用户更改。

另一方面，如果您只想为 , 和您的班级拥有相同的等宽code，pre这很容易，例如

code, pre, .codelike { font-family: Consolas, Courier New, monospace; }

请注意，默认情况下，浏览器通常会为code和之类的元素应用减小的字体大小pre，大概是为了补偿等宽字体中通常比其他字体更大的字符大小（当使用相同的字体大小时）。不可能在 CSS 中准确描述这一点，因为它依赖于浏览器并且部分未记录，但如果需要，它可以很容易地被覆盖，例如

code, pre, .codelike { font-size: 100%; }
于 2012-03-16T05:55:22.553 回答
1 
.myclass {
  white-space: pre;
  font-family: Courier New, monospace;
}
于 2012-03-15T23:24:53.897 回答