Html CKEditor代码片段';s背景不滚动过去<;部门>;长度

Html CKEditor代码片段';s背景不滚动过去<;部门>;长度,html,css,ckeditor,highlight.js,django-ckeditor,Html,Css,Ckeditor,Highlight.js,Django Ckeditor,我在我的网站中创建了一个div,以便页面上的文本整齐地包含在一个设定的宽度内。我还实现了CKEditor5,并且正在使用它的代码片段插件。当一行中有太多的代码时,它会创建一个可滚动的框,其中文本在可滚动的部分溢出(这是我真正想要的行为!)。但是,背景并没有表现出相同的行为,因此,正如下图所示,它看起来非常不可读 我对建立网站很陌生,所以我实际上不知道从哪里开始,应该查看HTML还是需要在CKEdtior中设置一些配置 干杯,我发现只有当我应用一个定制样式(如monokai-sublime.cs

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

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


干杯,

我发现只有当我应用一个定制样式(如monokai-sublime.css)时,问题才会出现

添加

overflow-x: auto;

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

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