怎样让textarea文本域宽度和高度width及height自动适应

　　<HTML>

　　<HEAD>

　　<TITLE>textarea宽度、高度自动适应处理方法</TITLE>

　　<styletype="text/css">

　　.comments{

　　width:100%;/*自动适应父布局宽度*/

　　overflow

　　:auto;

　　word-break

　　:break-all;

　　/*在ie中解决断行问题(防止自动变为在一行显示，主要解决ie兼容问题，ie8中当设宽度为100%时，文本域类容超过一行时，

　　当我们双击文本内容就会自动变为一行显示，所以只能用ie的专有断行

　　属性

　　“word-break或

　　word-wrap

　　”控制其断行)*/

　　}

　　</style>

　　</HEAD>

　　<BODY>

　　<FORMMETHOD=POST

　　ACTION

　　="">

　　<textareaclass="comments"rows="10"cols="10"></textarea>

　　<textareaclass="comments"rows=1name=s1cols=27onpropertychange="this.style.posHeight=this.scrollHeight"></textarea>

　　<textareaclass="comments"style="height:expression((this.scrollHeight>150)?'150px':(this.scrollHeight+5)+'px');overflow:auto;"></textarea>

　　</FORM>

　　</BODY>

　　</HTML>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h55272.shtml