"pre" 标签没有收缩。不显示水平滚动条
"pre" tag not shrinking. Not showing Horizontal scroll Bar
我在我的网站上展示了很多代码。我网站的其余部分是响应式的，但 "pre" 标签拒绝收缩并显示水平滚动条。这是我的内容由于顶部的长 "pre" 标签而被截断的屏幕截图：
我正在使用 overflow:horizontal，但您可以在示例中看到它不起作用。这是实际的 link enter link description here
只要我切换主题，它就可以正常工作！我正在使用 Genesis Framework 的子主题...
Pre 标签显示预先格式化的文本，并保留 spaces 和换行符并已修复。声明 white-space normal 或 pre-wrap.
pre {
white-space: normal;
}
您需要给元素分配一个宽度，这样内容才能溢出。
例如，尝试设置 width: 100vw，它将起作用。
如果您的 pre 标记在实际网站布局的两侧有 margin/padding，请尝试 width: calc(100vw - 40px)，而在此示例中，40px 与两侧 20 像素的边距相关。将其替换为您自己的实际 margin/padding.
不知道为什么没人回答：
pre {
white-space: pre-wrap;
}
它会保留行和单词，同时在行数不足时换行space。
我在我的网站上展示了很多代码。我网站的其余部分是响应式的，但 "pre" 标签拒绝收缩并显示水平滚动条。这是我的内容由于顶部的长 "pre" 标签而被截断的屏幕截图：
我正在使用 overflow:horizontal，但您可以在示例中看到它不起作用。这是实际的 link enter link description here
只要我切换主题，它就可以正常工作！我正在使用 Genesis Framework 的子主题...
Pre 标签显示预先格式化的文本，并保留 spaces 和换行符并已修复。声明 white-space normal 或 pre-wrap.
pre {
white-space: normal;
}
您需要给元素分配一个宽度，这样内容才能溢出。
例如，尝试设置 width: 100vw，它将起作用。
如果您的 pre 标记在实际网站布局的两侧有 margin/padding，请尝试 width: calc(100vw - 40px)，而在此示例中，40px 与两侧 20 像素的边距相关。将其替换为您自己的实际 margin/padding.
不知道为什么没人回答：
pre {
white-space: pre-wrap;
}
它会保留行和单词，同时在行数不足时换行space。