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
Freigeben: 2016-05-16 16:40:01
Original
1416 Leute haben es durchsucht

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;}
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage