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

 

上一篇:图形学日记---基于VS2019MFC的使用(菜单、按钮、集成)


下一篇:git 拉取远端分支到本地切换注意