Heim > Artikel > Web-Frontend > So stellen Sie die Eingabebreite in HTML so ein, dass sie adaptiv ist
So stellen Sie die Eingabebreite in HTML so ein, dass sie adaptiv ist
- 青灯夜游Original
- 2021-12-10 16:20:555821Durchsuche
In HTML können Sie das width-Attribut und die Längeneinheit „%“ verwenden, um eine prozentuale Breite für das Eingabeelement basierend auf der Breite des enthaltenden Blocks (übergeordnetes Element) zu definieren und dann die Breite der Eingabe auf festzulegen adaptiv; die Syntax „“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
In HTML können Sie das Breitenattribut und die Längeneinheit „%“ verwenden, um die Anpassung der Eingabebreite festzulegen.
Wenn das Breitenattribut die Längeneinheit „%“ verwendet, können Sie eine prozentuale Breite basierend auf der Breite des enthaltenden Blocks (übergeordnetes Element) definieren.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input /><br><br> <input style="width: 100%;" /> </body> </html>
Empfohlenes Tutorial: „HTML-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonSo stellen Sie die Eingabebreite in HTML so ein, dass sie adaptiv ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!