IE8 中的等宽字体忽略空格

发布于 2024-12-10 15:32:36 字数 363 浏览 1 评论 0原文

我正在尝试让等宽 asci 表正常工作,如下所示:

 tag 和 css font-family

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

在 IE8 上,所有空格都被压缩为一个空格。 (所以列消失了)

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

预先感谢,

亚历克斯

I'm trying to get a monospaced asci table working, as seen here:
<pre> tag and css font-family

This works for me on all browsers, except IE8.

On IE8, the spaces all get compressed into one space. (so the columns disappear)

Any ideas on why IE8 is doing this?

Thanks in advance,

Alex

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

忆悲凉 2024-12-17 15:32:36

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

Add white-space:pre to your element to preserve white-space characters.

青瓷清茶倾城歌 2024-12-17 15:32:36

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

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

当然,您也可以使用

 标记本身,默认设置有 white-space:pre; 。请注意,这可以在样式表中被覆盖,因此如果 
 标记不起作用,这可能就是原因。 (如果发生这种情况,您可以使用“开发人员工具”窗口检查应用于该元素的样式)

除了 white-space:pre; 之外,还有几个其他的 <您也可以使用 code>white-space 属性,具体取决于您的要求:pre-wrappre-line

您可以通过示例了解有关它们之间差异的更多信息: http://www.quirksmode .org/css/whitespace.html

希望有帮助。

HTML default behaviour is to compress multiple white spaces down to a single space, unless explicitly told not to.

The way to tell it not to do this is to use the CSS white-space property. The value you're probably looking for is to set it to white-space:pre;, which will set a element to display all white space without compressing it.

You can of course also use the <pre> tag itself, which has white-space:pre; set by default. Note that this can be overridden in your stylesheets, so if a <pre> tag isn't working, this is probably the reason. (if this is happening, you can use the Developer Tools window to examine the styles being applied to the element)

In addition to white-space:pre;, there are a couple of other values of the white-space property which you can also use, depending on your requirements: pre-wrap and pre-line.

You can find out more about the differences between them, with examples, here: http://www.quirksmode.org/css/whitespace.html

Hope that helps.

〆凄凉。 2024-12-17 15:32:36

我已经尝试过这个并且它有效......(也许有帮助)
然后,用样式修复其余部分。

<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>

I have tried this and it worked... (perhaps it helps)
Then, fix the rest with styles.

<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>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文