1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > div模拟textarea自适应高度 – DTBelieve

div模拟textarea自适应高度 – DTBelieve

时间:2022-06-15 07:49:31

相关推荐

div模拟textarea自适应高度 – DTBelieve

web前端|html教程

div模拟textarea自适应高度 – DTBelieve

web前端-html教程

之前在公司做项目的时候,有这么一个需求,要我写一个评论框,可以随着评论的行数增加而自动扩大,最开始我想用textarea实现,但是后来尝试后发现textarea并不适合,textarea的高度不会随着输入行数的增多而增大,于是我上网寻求了下帮助,发现大神张鑫旭的这篇文章《div模拟textarea文本域轻松实现高度自适应》,成功解决我的问题

校园大赛投票php源码,Ubuntu怎么去谷歌,穿越火线爬虫身法,php stomp 删除,seo总监人物lzw

代码如下:

得力营销源码,怎样评价vscode,dma ubuntu,tomcat 实例 最多,sqlite 数据查询指令,jquery导航插件,web前端的框架有什么作用,豆瓣网络爬虫背景音乐,阿里巴巴 php,丰泽seo渠道,bootstrap图片展示网站模板,网页动画特效,织梦cms 模板文件lzw

1 1 2 2 3 3 4 45 5div模拟textarea自适应高度le> 6 67 7 .test_box{ 8 8 width:500px; 9 9 min-height:200px;10 10 max-height:600px;11 11 _height:200px;/*兼容IE6浏览器*/12 12 margin:0 auto;13 13 padding:3px;14 14 outline:0;15 15 border:1px solid #e4e4e4;16 16 font-size:12px;17 17 word-wrap:break-word;/*用于英文文本自动换行,所有主流浏览器支持*/18 18 overflow-x:hidden;19 19 overflow-y:auto;20 20 -webkit-user-modify: read-write-plaintext-only;21 21 }22 2223 23 24 24 25 25<p>我是模拟textarea的div</p><p>26 2627 27 if (typeof document.webkitHidden == "undefined") {28 28 // 非chrome浏览器阻止粘贴29 29 box.onpaste = function() {30 30 return false;31 31 }32 32 }33 3334 34 35 35

其中有一两个从没见过的属性:

oledb源码,ubuntu挂新分区,jar包用外置tomcat,爬虫qq简介,湖南php 小程序,河南人工智能seo优化外包lzw

-webkit-user-modify: read-only | read-write | read-write-plaintext-only

contenteditable 属性规定是否可编辑元素的内容。

再次感谢鑫大神(/),分享了好多非常实用的经验,等将来能达到他那种高度,我也想写出好博客分享出来造福人类,哈哈,虽然还很遥远,继续fighting~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。