为什么是“overflow:auto”？使用某些浏览器时 CSS 不工作
我转到设置 > 编辑主题 > 高级并将其添加到其中，在
pre { overflow: auto; }
code { background-color: LightGrey; padding: 1px 3px; }
第一个语句不生效当使用 Chromium 访问时（我希望出现水平滚动）。第二个是我出于演示目的而添加的，效果很好。
这是该页面，您可以查看它的效果如何。
我已经使用这些浏览器进行了测试：
- Chromium 和 Epiphany 不起作用，
- Firefox 和 Konqueror 不起作用
更新：
按照建议，我已尝试
标记内的所有这些whitespace属性：normal、nowrap、预、行前和预换行。问题仍然存在。
I went to Settings > Edit Theme > Advanced and added this to it, under <style type="text/css">, but it doesn't work:
pre { overflow: auto; }
code { background-color: LightGrey; padding: 1px 3px; }
The first statement doesn't take effect when accessed with Chromium (I expect a horizontal scroll to appear). The second one, which I added for demonstration purposes, works well.
Here's the page you can look at to see how well it doesn't work.
I've tested with these browsers:
- Chromium and Epiphany works not
- Firefox and Konqueror works
update:
Following a suggestion, I've tried all these whitespace properties inside the <pre> tag: normal, nowrap, pre, pre-line, and pre-wrap. The problem remains.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
如果你将 .code 向左浮动，那么它将起作用：
If you float .code left then it will work:
要显示水平滚动条，您需要添加：
To have a horizontal scroll bar show up, you need to add:
在实际页面上，您有 css：
这会覆盖任何其他
white-space声明，因此它不会有水平滚动。将其更改为white-space: nowrap可以解决该问题。On the actual page you have the css:
This is overwriting any other
white-spacedeclaration and therefore it will not have horizontal scroll. Changing this towhite-space: nowrapfixes the problem.