Heim  >  Artikel  >  Web-Frontend  >  Vertical-Align implementiert die Eingabe- und Bildausrichtung

Vertical-Align implementiert die Eingabe- und Bildausrichtung

高洛峰
高洛峰Original
2017-02-25 14:21:391559Durchsuche

Setzen Sie input und img in die gleiche Zeile. Das img-Tag steht immer einen Kopf höher als das input, 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 dem Hinzufügen eines align="absmiddle"-Attributs zu img gesucht. Diese Methode scheint machbar, entspricht jedoch nicht den HTML-Standards. Später entdeckte ich zufällig, dass es ausreicht, gleichzeitig Vertical-Align:Middle zu Input und IMG hinzuzufügen:

input,img{vertical-align:middle;}

Auf diese Weise wird der Code horizontal ausgerichtet.

Weitere Artikel zur Verwendung von Vertical-Align zum Ausrichten von Eingaben und Bildern finden Sie auf der chinesischen PHP-Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn