博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
contenteditable 属性
阅读量:5908 次
发布时间:2019-06-19

本文共 864 字,大约阅读时间需要 2 分钟。

定义和用法

contenteditable 属性规定是否可编辑元素的内容。

语法

属性值

描述
true 规定可以编辑元素内容。
false 规定无法编辑元素内容。
classname 继承父元素的 contenteditable 属性。

 

 

 

 

 支持IE系列和最新浏览器

 

实例:

/**宽度固定,自动换行,内容超出滚动条显示***/.divOne {
width: 300px; height: 200px; border: 1px solid rgb(0,0,0); margin: 20px; overflow: hidden; overflow-y: auto; word-break: break-all; word-wrap: break-word; line-height: 20px; background: none;} .divOne p {
margin: 0px; padding: 0px; } .divOne:focus {
border: 1px solid red; box-shadow: 0px 0px 30px rgba(0,255,0,0.5); }/*宽度固定,高度自适应*/.divTwo {
width: 300px; height: auto; border: 1px solid blue; margin: 20px; overflow: hidden; word-break: break-all; word-wrap: break-word; line-height: 20px; background: none;}

显示结果:

 

转载地址:http://wmppx.baihongyu.com/

你可能感兴趣的文章
给Extjs2.x GridPanel添加goup系方法
查看>>
NFS搭建
查看>>
编写Shell脚本二
查看>>
epel
查看>>
HTML5 WebSocket 技术介绍
查看>>
文件下载
查看>>
Universal-USB-Installer、UItralSO、LinuxLive USB Creator U盘安装linux实战
查看>>
Windows Server 2016-Win Ser 2016新增功能
查看>>
Linux 下用户(andy)创建的文件可让特定用户(alice)修改
查看>>
关于Access数据库的一些看法
查看>>
mybatis-plus思维导图,让mybatis-plus不再难懂
查看>>
ES9-mapping参数
查看>>
python+selenium自动化测试(五)
查看>>
把spring-boot项目部署到tomcat容器中
查看>>
火雨_Nick
查看>>
PureOS:将手机和电脑连成一体的发行版
查看>>
写程序可以看出一个人的人品有多糟糕!
查看>>
SylixOS内存错误排查方法
查看>>
编程领域时刻都在更新,坚持就是胜利
查看>>
使用Unirest发送Json的格式数据
查看>>