怎样使聊天输入框的高度随着文字的增加而增加高度？

Question

怎样使聊天输入框像微信输入框的高度随着文字的增加而增加高度？

Answer 1

可以用div模拟，给div设置contenteditable属性为true（这个属性虽然是html5的，但是老版本IE已经兼容了），然后给div设置overflow-x:hidden; overflow-y:scroll 就可以了

Answer 2

判断字体，获取字体宽度，一个字一个字的算宽度- -。

Answer 3

监听文本输入键盘事件，获取滚轴高度以及滚轴离顶部的高度，文本框高度等于滚轴高度+距离顶部高度

Answer 4

https://segmentfault.com/q/1010000000095238
这个答案可以帮到你

Answer 5

傻傻的，div不指定大小就是靠内容撑开的。。你定好宽度，高度被内容撑开就行了。