Heim >Web-Frontend >HTML-Tutorial >So passen Sie die Breite und Höhe des Textbereichs automatisch an
So passen Sie die Breite und Höhe des Textbereichs automatisch an
- php中世界最好的语言Original
- 2018-02-09 09:51:239362Durchsuche
Dieses Mal zeige ich Ihnen, wie Sie die Breite und Höhe des Textbereichs automatisch anpassen. Was sind die Vorsichtsmaßnahmen und im Folgenden sehen wir uns den tatsächlichen Fall an.
<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>Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Verwandte Lektüre:
So springen Sie zu der Adresse, auf die href nach dem Klickereignis des HTML-Hyperlinks a zeigt
So zeigen Sie HTML-Elemente durch Anzeige oder Sichtbarkeit an und aus
html So konvertieren Sie Tabellendaten in das Json-Format
Das obige ist der detaillierte Inhalt vonSo passen Sie die Breite und Höhe des Textbereichs automatisch an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!