首页 > 代码库 > textarea文本域宽度和高度(width、height)自己主动适应变化处理
textarea文本域宽度和高度(width、height)自己主动适应变化处理
文章来源: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>
textarea文本域宽度和高度(width、height)自己主动适应变化处理
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。