IE8中的Monospace字体忽略了空间

StackOverflow https://stackoverflow.com/questions/7805181

题

我试图使一张单身的ASCI桌子正常工作，如下所示：u003Cpre>标签和CSS字体家庭

除IE8外，这对我有效。

在IE8上，这些空间都被压缩到一个空间中。 （因此列消失了）

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

提前致谢，

亚历克斯

有帮助吗？

解决方案

添加 white-space:pre 向您的元素保留白色空间字符。

其他提示

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

希望有帮助。

我已经尝试过，它起作用了...（也许有帮助）然后，用样式修复其余的。

<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>
许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top