<br><div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode53'));"><u>複製程式碼</u></span></div>程式碼如下:</div> <div class="msgborder" id="phpcode53"> <br> <br> <br><br> <br> textarea寬度、高度自動適應處理方法 <br> <!-- 控制寬度的自動適應--> <br> <style type="text/css"> <br /> .comments { <br /> width:100%;/*自動適應父佈局寬度*/ <br /> overflow:auto; <br /> word-break:break-all; <br /> /*在ie中解決斷行問題(防止自動變為在一行顯示,主要解決ie相容問題,ie8中當設寬度為100%時,文本域類容超過一行時, <br /> 當我們雙擊文本內容就會自動變為一行顯示,所以只能用ie的專有斷行屬性「word-break或word-wrap」控制其斷行)*/ <br /> } <br /> </style> <br> <br> <br> <br> <br> <!-- 主要控制高度的自動適應--> <br> <br> <!-- 第一個是普通textarea --> <br> <textarea class="comments" rows="10" cols="10"> </textarea> <br> <!-- 以下兩種方式都可以解決textarea行高自動適應類容的高度--> <br> <textarea class="comments" rows="1" name="s1" cols="27" onpropertychange="this.style.posHeight=this.scrollHeight "></textarea> <br> <br> <textarea class="comments" style="height: expression((this.scrollHeight>150)?'150px':(this.scrollHeight 5) 'px');overflow:auto;"></textarea> <br> <br> <textarea> </textarea> </div> <textarea> </textarea>