您的位置:首页 > 其它

textarea如何实现高度自适应

2016-02-05 13:15 477 查看
方法:div模拟textarea文本域

第一步:<div class="textarea" contenteditable="true"></div>
第二步:

.textarea{
width: 100%;
min-height: 20px;
max-height: 300px;
_height: 120px;
margin-left: auto;
margin-right: auto;
padding: 3px;
outline: 0;
font-size: 12px;
line-height: 24px;
padding: 2px;
word-wrap: break-word;
overflow-x: hidden;
overflow-y: auto;
}

备注:
contenteditable属性是HTML5标签属性,但是IE支持此标签属性,避免了兼容性的问题。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  textarea