网站地图 | RSS订阅 老铁博客 - 上海SEO优化|上海网站建设|蜘蛛池出租|站群代搭建
你的位置:首页 » 前端脚本 » 正文

contenteditable,contenteditable属性

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

  • 本文来自: 老铁博客,转载请保留出处!欢迎发表您的评论
  • 相关标签:
  • 已有0位网友发表了一针见血的评论,你还等什么?

    必填

    选填

    记住我,下次回复时不用重新输入个人信息

    必填,不填不让过哦,嘻嘻。

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

    相关推荐