css中解决textarea高度随内容自适应的问题

时间:2020-11-24 17:29:38

目前的输入框实现有两种方法:
- input
input输入框只能实现一行,里面的内容不能分行显示
- textarea
textarea可以实现多行输入,但是高度却无法自适应,并且会遇到textarea始终会与下面有一段间距,解决方法:加(vertical-align: middle;)即可

那么言归正传,如何实现多行输入并且高度随内容自适应呢?

textarea确实无法实现(我目前所知道的),但是我们可以换一种方式去实现这种效果。HTML5新增属性contenteditable就解决了这个问题
css中解决textarea高度随内容自适应的问题
这样这个div就是可编辑的,可以根据自己需要的样式来定义