js如何设置输入域初始是一行，一行内容满了高度自动增加

答案:1 悬赏:30 手机版

解决时间 2021-03-20 01:36

提问者网友：沉默菋噵
2021-03-19 03:32

最佳答案

五星知识达人网友：woshuo
2021-03-19 05:05

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>自适应编辑框</title>
        <style type="text/css">
            .auto-input {
                width: 300px;
                min-height: 20px;
                max-height: 500px;
                _height: 20px;
                margin: 0;
                padding: 2px 3px;
                outline: 0;
                border: 1px solid #a0b3d6;
                font-size: 16px;
                word-wrap: break-word;
                overflow-x: hidden;
                overflow-y: auto;
                _overflow-y: visible;
            }
            .auto-area {
                width: 300px;
                outline: 0;
                overflow: hidden;
            }
        </style>
    </head>
    <body>
        
        <div id="autoInput" class="auto-input" contenteditable="true">

        </div>
    </body>
</html>试下这个，使用Javascript控制textarea对不同的浏览器兼容性不是很好，如果大面积使用，可以把这个写成一个插件，自定义取值，设置值，创建等操作；

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息