html - CKEditor Codesnippet 的背景没有滚动过去长度

Question

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

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

https://i.imgur.com/X5FXyGU.png

干杯，

Answer 1

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

添加

overflow-x: auto;

至

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

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