CKEditor Codesnippet 的背景没有滚动超过 <div> 长度答案

【问题标题】：CKEditor Codesnippet's background not scrolling past <div> lengthCKEditor Codesnippet 的背景没有滚动超过 <div> 长度
【发布时间】：2019-07-10 05:07:51
【问题描述】：

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

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

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

干杯，

【问题讨论】：

标签： html css ckeditor highlight.js django-ckeditor

【解决方案1】：

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

添加

overflow-x: auto;

到

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

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

【讨论】：