主頁 > 知識庫 > textarea文本域?qū)挾群透叨葁idth及height自動適應(yīng)實現(xiàn)代碼

textarea文本域?qū)挾群透叨葁idth及height自動適應(yīng)實現(xiàn)代碼
熱門標簽：禹州電話外呼系統(tǒng) 最簡單的百度地圖標注店鋪 營口400電話申請 梧州地圖標注app 青海保險智能外呼系統(tǒng)商家 新鄉(xiāng)機器人外呼系統(tǒng) AI外呼系統(tǒng) 價格 水經(jīng)注萬能地圖標注 錦州企業(yè)外呼系統(tǒng)
 
復(fù)制代碼
代碼如下:

<HTML>
<HEAD>
<TITLE>textarea寬度、高度自動適應(yīng)處理方法</TITLE>
<!-- 控制寬度的自動適應(yīng) -->
<style type="text/css">
.comments {
width:100%;/*自動適應(yīng)父布局寬度*/
overflow:auto;
word-break:break-all;
/*在ie中解決斷行問題(防止自動變?yōu)樵谝恍酗@示，主要解決ie兼容問題，ie8中當設(shè)寬度為100%時，文本域類容超過一行時，
當我們雙擊文本內(nèi)容就會自動變?yōu)橐恍酗@示，所以只能用ie的專有斷行屬性“word-break或word-wrap”控制其斷行)*/
}
</style>
</HEAD>

<BODY>
<FORM METHOD=POST ACTION= " ">
<!-- 主要控制高度的自動適應(yīng) -->

<!-- 第一個是普通textarea -->
<textarea class="comments" rows="10" cols="10"> </textarea>
<!-- 以下兩種方式都可以解決textarea行高自動適應(yīng)類容的高度 -->
<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>

標簽：青島 荊門 潮州 哈密 昭通 山南 懷化 延邊

巨人網(wǎng)絡(luò)通訊聲明：本文標題《textarea文本域?qū)挾群透叨葁idth及height自動適應(yīng)實現(xiàn)代碼》，本文關(guān)鍵詞  textarea,文本,域,寬度,和,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《textarea文本域?qū)挾群透叨葁idth及height自動適應(yīng)實現(xiàn)代碼》相關(guān)的同類信息！
  • 本頁收集關(guān)于textarea文本域?qū)挾群透叨葁idth及height自動適應(yīng)實現(xiàn)代碼的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章