溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“如何讓textarea文本域寬度和高度自動適應”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“如何讓textarea文本域寬度和高度自動適應”吧！
<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
="">
<!--主要控制高度的自動適應-->
<!--第一個是普通textarea-->
<textareaclass="comments"rows="10"cols="10"></textarea>
<!--以下兩種方式都可以解決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>
感謝各位的閱讀，以上就是“如何讓textarea文本域寬度和高度自動適應”的內容了，經過本文的學習后，相信大家對如何讓textarea文本域寬度和高度自動適應這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
