div模拟textarea实现高度自增长

css内容

#textarea {
width:300px;
border:1px solid #ccc;
min-height:150px;
max-height:300px;
overflow: auto;
font-size: 14px;
outline: none;
}

html内容

<div id="textarea" contenteditable="true"></div>



contenteditable没有兼容性问题,可以通过设置min-height、max-height来对高度进行设定,通过设置padding、outline、font-size、overflow来处理美化细节
posted @ 2017-12-21 15:46  蓝海域的春天  阅读(133)  评论(0编辑  收藏  举报