在highlight js中，长行代码从页面中显示出来

Question

我使用高亮js在我的网站的代码如果我有一长行代码，它就会从页面中跳出来，页面的外观就会被破坏例如:这是我的网站:https://farslearn.com/post/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B3%D8%A7%D8%AE%D8%AA-%D8%A7%D8%B3%D9%84%D8%A7%DB%8C%D8%AF%D8%B1-%D9%85%D8%AD%D8%B5%D9%88%D9%84%D8%A7%D8%AA-html-%D9%88-css

这是一个没有问题的页面:https://farslearn.com/post/free-download-package

Answer 1

我在高亮js代码后添加此代码，我的问题解决了

pre {
white-space: pre-wrap;       /* Since CSS 2.1 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}