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;}