＆＃34;预＆＃34;标签没有缩小。未显示水平滚动条

Question

我在我的网站上显示了很多代码。我的网站的其余部分都是响应式的，但是＆＃34; pre＆＃34; tag拒绝收缩并显示水平滚动条。这是我的内容被截止的屏幕截图，因为很长的＆＃34; pre＆＃34;标记在顶部：

我使用overflow：horizo​​ntal，但你可以在示例中看到它不起作用。这是实际链接enter link description here

一切换主题，就行了！我正在使用Genesis Framework的儿童主题...

Answer 1

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

Answer 2

我不知道为什么没有人给出答案：

pre {
   white-space: pre-wrap;
}

如果没有足够的空间，它会保留线条和单词，同时包裹线条。

Answer 3

预标签显示预先格式化的文本，并保留空格和换行符并且已修复。声明白色空间正常或预先包装。

pre {
white-space: normal;
}