其他分享
首页 > 其他分享> > 关于contenteditable属性

关于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