先说CSS的解决方法是从Google上C到的,如下:
<textarea name="textarea" id="textarea" style='overflow-y: hidden;height:20px' onpropertychange="this.style.height = this.scrollHeight + 'px';" oninput="this.style.height = this.scrollHeight + 'px';"></textarea>
但是在实际项目中是直接将显示内容输出到textarea中的,就导致了显示出来的时候异常,随便写一个字符就OK了,于是乎,JS参上!
将上边的代码修改为:
<textarea name="textarea" id="textarea" style='overflow-y: hidden;height:20px' onpropertychange="this.style.height = this.scrollHeight + 'px';" oninput="this.style.height = this.scrollHeight + 'px';"></textarea>
<script>
//拿到TextArea的DOM
var textarea=document.getElementById('textarea');
//设置高度
textarea.style.height = textarea.scrollHeight + 'px';
</script>
就可以打完收工了,enjoy吧!