文本框自适应高度

文本框自适应高度

实现文本框内容满行时自动换行。

方法一：div模拟textarea文本域轻松实现高度自适应。

使用属性contenteditable，如给div加contenteditable="true"实现div编辑。

<div class="textarea" contenteditable="true"><br /></div>
.textarea{
    width:400px;
    min-height:20px;
    max-height:300px;
    _height:120px;
    margin-left:auto;
    margin-right:auto;
    padding:3px;
    outline:0;
    border:1px solid #a0b3d6;
    font-size:12px;
    line-height:24px;
    padding:2px;
    word-wrap:break-word;
    overflow-x:hidden;
    overflow-y:auto;
    border-color:rgba(82,168,236,0.8);
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(82,168,236,0.6);
}