css 在highlightjs中,一长行代码从页面中出来

toe95027  于 2023-04-01  发布在  其他
关注(0)|答案(1)|浏览(16200)

我在我的网站中使用highlight 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

uoifb46i

uoifb46i1#

我在高亮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+ */
}

相关问题