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 中为我解决了这个问题。