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

Posted 瞳里

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了div模拟textarea文本域轻松实现高度自适应相关的知识,希望对你有一定的参考价值。

<style>
	.textarea{
    	width:400px;
    	min-height:20px;
    	max-height:300px;
    	_height:120px;
    	margin: 0 auto;
	    padding:3px;
	    outline:0;
	    border:1px solid #a0b3d6;
	    font-size:12px;
	    line-height:24px;
	    word-wrap:break-word;
	    overflow-x:hidden;
	    overflow-y:auto;
	}

</style>

  

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

  http://www.xuanfengge.com/demo/201308/textarea/demo2.html

以上是关于div模拟textarea文本域轻松实现高度自适应的主要内容,如果未能解决你的问题,请参考以下文章

如何让textarea的高度自适应

文本域自适应(textarea)

如何让contenteditable元素只能输入纯文本

如何让contenteditable元素只能输入纯文本 00 张鑫旭

js库链接

textarea如何实现高度自适应?