“pre”标签不会缩小。不显示水平滚动条

Question

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

我正在使用溢出：水平，但您可以在示例中看到它不起作用。这是实际链接在此处输入链接描述

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

Answer 1

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

如果您的 pre 标签在实际网站布局的两侧有边距/填充，请尝试width: calc(100vw - 40px)在此示例中40px与两侧边距 20 像素相关。用您自己的实际边距/填充替换它。