IE8 中的等宽字体忽略空格答案

【问题标题】：Monospace font in IE8 ignores spacesIE8 中的等宽字体忽略空格
【发布时间】：2011-10-18 09:34:23
【问题描述】：

我正在尝试让等宽 asci 表正常工作，如下所示： <pre> tag and css font-family

这适用于我的所有浏览器，除了 IE8。

在 IE8 上，所有的空间都被压缩成一个空间。（所以列消失了）

关于为什么 IE8 这样做的任何想法？

提前致谢，

亚历克斯

【问题讨论】：

标签： html css internet-explorer-8 font-family monospace

【解决方案1】：

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

【讨论】：

感谢您让我回到空白：预跟踪。我以前试过这个，但它显然只有在你将它添加到包含的 DIV 时才有效。将它添加到 PRE 中没有任何区别。

【解决方案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

希望对您有所帮助。

【讨论】：

【解决方案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>

【讨论】：