css - 为什么在使用某些浏览器时“溢出：自动”CSS 不起作用

Question

我去了设置>编辑主题>高级并将其添加到它的下面<style type="text/css">，但它不起作用：

pre { overflow: auto; }
code { background-color: LightGrey; padding: 1px 3px; }

使用 Chromium 访问时，第一条语句不会生效（我希望会出现水平滚动）。我为演示目的添加的第二个效果很好。

这是您可以查看的页面，以了解它的效果如何。

我用这些浏览器测试过：

更新：

根据建议，我尝试了标签whitespace内的所有这些属性： normal、nowrap、pre、pre-line和pre-wrap。问题依然存在。<pre>

score 1 · Accepted Answer

1

要显示水平滚动条，您需要添加：

pre { white-space: nowrap; }

于 2011-02-22T23:39:16.837 回答

score 1 · Accepted Answer

在实际页面上，您有 css：

pre { overflow: auto; white-space: pre-line; }

这将覆盖任何其他white-space声明，因此它不会有水平滚动。更改此以white-space: nowrap解决问题。

score 1 · Accepted Answer

如果您将 .code 向左浮动，那么它将起作用：

.code {float: left;}
pre { white-space: pre;}