Heim >Web-Frontend >HTML-Tutorial >Ausrichtungsproblem zwischen Eingabetextfeld und IMG-Bestätigungscode (IMG ist immer einen Kopf höher als die Eingabe)_HTML/Xhtml_Webseitenproduktion

Ausrichtungsproblem zwischen Eingabetextfeld und IMG-Bestätigungscode (IMG ist immer einen Kopf höher als die Eingabe)_HTML/Xhtml_Webseitenproduktion

WBOY
WBOYOriginal
2016-05-16 16:40:011425Durchsuche

Bei der Webseitenproduktion werden Eingabe und IMG häufig in derselben Zeile platziert. Das IMG-Tag befindet sich immer höher als die Eingabe, was sehr hässlich ist.

So erreichen Sie eine horizontale Ausrichtung von Eingabe und Bild mit CCS
Fügen Sie einfach Vertical-Align:middle gleichzeitig zu Eingabe und Bild hinzu. Der Code lautet wie folgt:

Code kopieren
Der Code lautet wie folgt:

input,img {vertical-align:middle;}
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