第一步:
找到百度编辑器下ueditor/third-party/SyntaxHighlighter/shCoreDefault.css文件,找到
.syntaxhighlighter { width: 100%!important; margin: .3em 0 .3em 0!important; position: relative!important; overflow: auto!important; background-color: #f5f5f5!important; border: 1px solid #ccc!important; border-radius: 4px!important; border-collapse: separate!important; }
添加一行word-break:break-all;
.syntaxhighlighter { width: 100%!important; margin: .3em 0 .3em 0!important; position: relative!important; overflow: auto!important; background-color: #f5f5f5!important; border: 1px solid #ccc!important; border-radius: 4px!important; border-collapse: separate!important; word-break:break-all; }
语法:
word-break : normal | break-all | keep-all
参数:
normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
说明:
设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。
对于中文,应该使用break-all 。
第二步:
找到网站主style.css,搜索找到white-space: nowrap; 更改为 white-space: normal;保存以后清理浏览器缓存,再次访问查看效果,发现已经自动换行。
语法:
white-space:normal; 默认。依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
white-space:pre-wrap; 只对中文起作用,强制换行
white-space:nowrap; 强制不换行,中文因为都起作用
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超出部分隐藏且以省略号形式出现