Was tun, wenn CSS-Text und Bilder nicht ausgerichtet sind?

Lösung für die Fehlausrichtung von CSS-Text und Bildern: 1. Öffnen Sie die entsprechende HTML-Datei. 2. Suchen Sie die Text- und Bild-Tags. 3. Fügen Sie dem Bild ein Attribut als „img {width: 20px;vertikal-align: middle“ hinzu ;}“, um Text und Bilder auszurichten.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5- und CSS3-Version, DELL G3-Computer

css Was soll ich tun, wenn Text und Bilder nicht ausgerichtet sind?

css löst das Problem, dass Text und Bilder nicht auf einer horizontalen Linie liegen.

Normalerweise werden Bilder standardmäßig oben ausgerichtet, während Text standardmäßig unten ausgerichtet wird, sodass wir häufig auf das Problem stoßen, dass Bilder und Text dies nicht können beim Layout ausgerichtet werden.

Die Lösung ist sehr einfach. Wir müssen dem Bild nur ein Attribut hinzufügen

img {
  width         : 20px;
  vertical-align: middle;
}
 
vertical-align: text-top;    //顶部对齐
vertical-align: middle;      //居中对齐
vertical-align: text-bottom; //底部对齐

Empfohlenes Lernen: „css-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWas tun, wenn CSS-Text und Bilder nicht ausgerichtet sind?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!