So verwenden Sie Vertical-Align, um Eingabeelemente und IMG-Elemente auszurichten

Dieses Mal zeige ich Ihnen, wie Sie vertikal-align verwenden, um das Eingabeelement und das img-Element auszurichten. Welche Vorsichtsmaßnahmen gibt es bei der Verwendung von Vertical-align, um die Eingabe auszurichten? Element und das img-Element, das Folgende ist ein praktischer Fall, schauen wir uns das an.

Wir wissen, dass, wenn Eingabe und img in derselben Zeile platziert werden, das img-Tag immer einen Kopf höher als die Eingabe ist, was sehr hässlich ist. Ich habe schon viele Methoden ausprobiert, aber nichts hat funktioniert. Später wurde auf der Website am häufigsten nach einem align="absmiddle"Attribut img gesucht. Diese Methode scheint machbar zu sein, entspricht aber nicht HTML Standards. Später entdeckte ich zufällig, dass es ausreicht, gleichzeitig Vertical-Align:Middle zu Input und IMG hinzuzufügen:

Der Code lautet wie folgt:

input,img{vertical-align:middle;}

In Auf diese Weise wird der Code horizontal ausgerichtet.

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Inhalte finden Sie auf der chinesischen PHP-Website andere verwandte Artikel!

Verwandte Lektüre:

So bedienen Sie den Eingabefeldstil von type="file"

Kopfstruktur in HTML So verwenden Sie

So verwenden Sie Iframe, um das Wetter auf Ihrer Webseite anzuzeigen

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Vertical-Align, um Eingabeelemente und IMG-Elemente auszurichten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!