2020-3-10 14:51:36 | 作者：老铁SEO | 0个评论 | 人浏览
你的代码可真怪！contenteditable="true"是为了把div作为富文本编辑器时设置的属性，一般设置这个属性的div的内部是不添加任何其它元素的。你让div可编辑又让div做容器，你是要实现何种奇特功能？
contenteditable属性是一个布尔值属性,默认为true
你可以加个css看看：
div换行的CSS运用
主要介绍word-warp和word-break属性的使用。
word-wrap
--------------------------------------------------------------------------------
语法：
word-wrap:normal|break-word
取值：
normal:默认值。允许内容顶开指定的容器边界
break-word:内容将在边界内换行。如果需要，词内换行(word-break)也将发生
说明：
设置或检索当当前行超过指定容器的边界时是否断开转行。
此属性仅作用于有布局的对象，如块对象。内联要素要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute，或者设定display属性为block。
此属性对于currentStyle对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为wordWrap。
示例：
div{word-wrap:break-word;word-break:break-all;}
word-break
--------------------------------------------------------------------------------
语法：
word-break:normal|break-all|keep-all
取值：
normal:默认值。允许在词间换行
break-all:该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all:与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本
说明：
设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。
对于中文，应该使用break-all。
此属性对于currentStyle对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为wordBreak。
示例：
div{word-break:break-all;}