IE8中的Monospace字体忽略空格

Question

我试图得到一个等宽asci表工作，如下所示:& lt; pre>标签和CSS字体

这对我来说适用于所有浏览器，除了IE8。

在IE8上，所有空格都被压缩到一个空格中。(这样列就消失了)

对于IE8为什么这样做有什么想法吗?

提前感谢，

亚历克斯

Answer 1

将white-space:pre添加到元素中以保留空白字符

Answer 2

HTML默认行为是将多个空格压缩为一个空格，除非明确告知不要这样做。

告诉它不这样做的方法是使用CSS white-space属性。你可能正在寻找的值是将其设置为white-space:pre;，这将设置一个元素显示所有空白而不压缩它。

您当然也可以使用<pre>标记本身，它默认设置为white-space:pre;。请注意，这可以在样式表中被覆盖，所以如果<pre>标记不起作用，可能就是这个原因。(如果发生这种情况，您可以使用开发人员工具窗口来检查应用于元素的样式)

除了white-space:pre;，还有几个其他的white-space属性值你也可以使用，这取决于你的需求:pre-wrap和pre-line。

您可以在这里找到更多关于它们之间的区别的示例:http://www.quirksmode.org/css/whitespace.html

希望对你有帮助。

Answer 3

我试过了，它起作用了…(也许有帮助)然后，用样式修复其余部分。

<svg width="600" height="150" font-family="monospace"  xml:space="preserve">
<defs>
<style type="text/css">
<![CDATA[ /* ADD CLASSES */
.font{text-anchor: start; font-size: 12px;font-weight: normal; font-family: "DejaVu Sans Mono", sans-serif;white-space: pre-wrap;}
]]>
</style>
</defs>