textarea标签自适应宽度和高度
来源:互联网 发布:灵智精实广告公司 知乎 编辑:程序博客网 时间:2024/06/07 05:29
textarea当做输入框可以解析空格和回车,当我们使用textarea展示内容的时候我们希望textarea的宽高可以根据内容自适应而不是定死的像素。
下面是代码:
var arr = $(this).scroll().context.value.split("\n"); //获取内容切割回车存到arr中var l = 0,h = 0;for(var i in arr){ (arr[i].length > l) && (l = arr[i].length); //获取最长的一串字符}$(this).css({"width":(l * 12) + "px","maxWidth":(maxWidth / 2) + "px"}); //宽度设为最长的字符个数*字体大小 并设置一个最大宽度(为了内容没有换行的时候强制换行)var h = $(this).scroll().context.scrollHeight; //获取textarea视口的高度$(this).css({"height":h + "px"}); //设置textarea高度
1 0
- textarea标签自适应宽度和高度
- <iframe>标签自适应高度和宽度
- <iframe>标签自适应高度和宽度
- <iframe>标签自适应高度和宽度
- <iframe>标签自适应高度和宽度
- <iframe>标签自适应高度和宽度
- <iframe>标签自适应高度和宽度
- <iframe>标签自适应高度和宽度
- <iframe>标签自适应高度和宽度
- iframe自适应高度和宽度
- iframe自适应宽度和高度
- label自适应宽度和高度
- iframe自适应高度和宽度
- ViewPager自适应高度和宽度
- uiUIlabel 自适应宽度和高度
- UILabel自适应宽度和高度
- iframe 自适应宽度和高度
- textarea自适应高度
- Cassandra、mongodb、mariadb 集群配置文档
- 华为机试题
- Android Activity中的onNewIntent的触发时机和注意事项
- marathon helthy montior的事儿
- Linux任务计划crontab
- textarea标签自适应宽度和高度
- BZOJ2049: [Sdoi2008]Cave 洞穴勘测 Link-cut-tree
- AndroidStudio关联SVN
- Android笔记:Android 锁屏
- 日常生活小技巧 -- CSDN自定义博客栏目
- 使用iOS10的UserNotification报错
- 前端学习
- 【项目实战】Java POI之Excel导出经典案例一
- C语言程序设计实践(OJ)-字符串