我正在尝试使等宽 asci 表正常工作，如下所示： <pre> tag and css font-family
这适用于所有浏览器，除了 IE8。
在 IE8 上，所有空间都被压缩为一个空间。（所以列消失了）
关于为什么 IE8 这样做的任何想法？
提前致谢，
亚历克斯
问问题
1875 次
3 回答
2
添加white-space:pre到您的元素以保留空白字符。
于 2011-10-18T09:36:16.327 回答
2
HTML 默认行为是将多个空格压缩为一个空格，除非明确告知不要这样做。
告诉它不要这样做的方法是使用 CSSwhite-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
希望有帮助。
于 2011-10-18T09:51:00.960 回答
0
我已经尝试过这个并且它有效......（也许它有帮助）然后，用样式修复其余部分。
<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>
于 2019-03-19T20:07:44.313 回答