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

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中的

为我解决了此问题。