div模拟textarea文本域轻松实现高度自适应

.app-box-content {
    min-width: 400px;
    min-height: 120px;
    max-height: 300px;
    _height: 120px;
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
    outline: 0;
    border: 1px solid #a0b3d6;
    font-size: 12px;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
    _overflow-y: visible;
}

<div class="app-box-content" contenteditable="true">测试内容测试内容测试内容测试内容测试内容</div>

contenteditable属性虽是HTML5里面的内容,但是IE似乎老早就支持此标签属性了。所以,兼容性方面还是不用太担心的。

 

 

你可能感兴趣的:(div模拟textarea文本域轻松实现高度自适应)