关于contenteditable属性
作者:互联网
简介:H5新增属性,规定了标签内部内容是否可编辑;
属性值:
true:可编辑
false:不可编辑
示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style> .edit_container { width: 500px; height: 100px; background: #9fd5f0; padding: 3px; border-radius: 3px; margin: 0 auto; } </style> <body> <div class="edit_container" contenteditable="true">这是一段可编辑的文字 临江仙 夜归临皋 苏轼 夜饮东坡醒复醉, 归来仿佛三更。 家童鼻息已雷鸣。 敲门都不应, 倚杖听江声。 长恨此身非我有, 何时忘却营营? 夜阑风静縠纹平。 小舟从此逝, 江海寄余生。 </div> </body> </html>
输入内容不自动换行:
.edit_container { white-space: nowrap; overflow: auto; }
标签:3px,container,edit,auto,编辑,关于,contenteditable,属性 来源: https://www.cnblogs.com/gy-blog/p/15108153.html