textarea文本字段的宽度和高度(width、height)自己主动适应不断变化的处理
处理 自己 文本 字段 变化 适应 高度 主动
2023-09-14 09:10:19 时间
来源:http://www.cnblogs.com/jice/archive/2011/08/07/2130069.html
<HTML> <HEAD> <TITLE>textarea宽度、高度自己主动适应处理方法</TITLE> <!-- 控制宽度的自己主动适应 --> <style type="text/css"> .comments { width:100%;/*自己主动适应父布局宽度*/ overflow:auto; word-break:break-all; /*在ie中解决断行问题(防止自己主动变为在一行显示,主要解决ie兼容问题。ie8中当设宽度为100%时。文本域类容超过一行时, 当我们双击文本内容就会自己主动变为一行显示,所以仅仅能用ie的专有断行属性“word-break或word-wrap”控制其断行)*/ } </style> </HEAD> <BODY> <FORM METHOD=POST ACTION= " "> <!-- 主要控制高度的自己主动适应 --> <!-- 第一个是普通textarea --> <textarea class="comments" rows="10" cols="10"> </textarea> <!-- 下面两种方式都能够解决textarea行高自己主动适应类容的高度 --> <textarea class="comments" rows=1 name=s1 cols=27 onpropertychange= "this.style.posHeight=this.scrollHeight "></textarea> <textarea class="comments" style="height:expression((this.scrollHeight>150)?'150px':(this.scrollHeight+5)+'px');overflow:auto;"></textarea> </FORM> </BODY> </HTML>
相关文章
- 程序员的量化交易之路(6)-Esper之处理模型(5)
- [Aaronyang] 写给自己的WPF4.5 笔记7[三巴掌-ItemsControl数据绑定详解与binding二次处理 3/3]
- 生命周期方法调用,以及在onStop()方法中处理草稿信息
- PCL点云处理算法汇总(C++长期更新版)
- “System.InvalidOperationException”类型的未经处理的异常在 ESRI.ArcGIS.AxControls.dll 中发生
- Spring IOC AOP的原理 如果让你自己设计IOC,AOP如何处理(百度)
- atitit.产品console 日志的aticonsole 方案处理总结
- AI&BlockChain:“知名博主独家讲授”人工智能创新应用竞赛【精选实战作品】之《基于计算机视觉、自然语言处理、区块链和爬虫技术的智能会议系统》软件系统案例的界面简介、功能介绍分享之总篇
- .Net——使用.net内置处理程序处理自己定义节点Demo
- (插播)关于使用jenkins + unity +Xcode 来进行自己主动打包的处理。
- CDH6.3.2处理Zookeeper因未授权访问造成的漏洞