IE8中的Monospace字体忽略空格

Posted 2021-04-14

我正试图让monospace ascii表工作，如下所示：qazxsw poi

这适用于所有浏览器，IE8除外。

在IE8上，空格都被压缩到一个空格中。 （所以列消失了）

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

提前致谢，

亚历克斯

答案

将<pre> tag and css font-family添加到元素中以保留空白字符。

另一答案

html默认行为是将多个空格压缩到单个空格，除非明确告知不要。

告诉它不要这样做的方法是使用CSS white-space:pre属性。您可能正在寻找的值是将其设置为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