Javascript 代码标记中的文本溢出，而不是滚动

使用rainbow.js突出显示导致标记中的代码溢出x的代码。CSS溢出属性似乎不适用于！重要的

包含标记的代码

CSS:

用替换标记可以消除溢出问题，但高亮显示不起作用。此插件需要将代码放入标记中

如何解决此溢出问题以提供滚动？或者我需要使用任何其他代码突出显示库吗

•使用代码标签突出显示是，滚动显示否溢出 •使用div tag highlight no，滚动yes

而不是在code元素中使用overflow属性，您应该在pre元素中使用它

默认情况下，pre具有空格：pre声明，仅当其中的HTML具有标记或换行符时，才会呈现新行，这就是当达到父元素的限制时文本不会中断的原因。有关更多详细信息，请参阅

---

因此，在pre元素中使用overflow:auto应该可以解决这个问题：

请提供一个@Oram，我已经为代码标记和包含代码标记的代码提供了CSS，代码标记溢出顶部图像。和可滚动的未突出显示的div标签底部图像[链接到网页]

<pre>
    <code>
            Any code to be highligted
    </code>
</pre>

code {
    overflow: auto; /* Not working (scroll also not working) */
    width: 100%;
}