css - "pre"标签没有缩小。不显示水平滚动条

Question

我在我的网站上展示了很多代码。我网站的其余部分是响应式的，但“pre”标签拒绝缩小和显示水平滚动条。这是我的内容因顶部长“pre”标签而被截断的屏幕截图:



我正在使用溢出:水平，但您可以在示例中看到它不起作用。这是实际链接enter link description here

一旦我切换主题，它就可以正常工作!我正在使用 Genesis Framework 的子主题...

Answer 1

您需要为元素分配一个宽度，以便内容可以溢出。
尝试设置 width: 100vw ，例如，它会起作用。

如果您的 pre 标签在实际网站布局的两侧有边距/填充，请尝试 width: calc(100vw - 40px)而在本例中 40px涉及到两侧的边距为 20px。用您自己的实际边距/填充替换它。