CKEditor Codesnippet 的背景未滚动超过 <div> 长度

Question

我在我的网站中创建了一个 div，以便页面上的文本整齐地包含在设定的宽度内。我还实现了 CKEditor5 并使用它的 CodeSnippet 插件。当一行上有太多代码时，它会创建一个可滚动框，其中文本在该可滚动部分中溢出（这是我真正想要的行为！）。然而，背景并没有表现出相同的行为，因此它看起来非常难以阅读，如下图所示。

我对构建网站还很陌生，所以我实际上不知道从哪里开始，应该查看 HTML 还是需要在 CKEdtior 中设置一些配置？

https://i.stack.imgur.com/qLCrF.png

干杯，

Answer 1

我发现只有当我应用像 monokai-sublime.css 这样的自定义样式时才会出现问题。

添加

overflow-x: auto;

到

.hljs {
       display: block;
       padding: 0.5em;
       background: #23241f;
}

在 monokai-sublime.css 中为我解决了这个问题。