css中解决textarea⾼度随内容⾃适应的问题
⽬前的输⼊框实现有两种⽅法:
- input
input输⼊框只能实现⼀⾏,⾥⾯的内容不能分⾏显⽰
- textarea
textarea可以实现多⾏输⼊,但是⾼度却⽆法⾃适应,并且会遇到textarea始终会与下⾯有⼀段间距,解决⽅法:加(vertical-align: middle;)即可
那么⾔归正传,如何实现多⾏输⼊并且⾼度随内容⾃适应呢?
textarea确实⽆法实现(我⽬前所知道的),但是我们可以换⼀种⽅式去实现这种效果。HTML5新增属性contenteditable就解决了这个问题
textarea中cols表示这样这个div就是可编辑的,可以根据⾃⼰需要的样式来定义

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。