Detaillierte Erklärung, wie Sie mit CSS einige Pixel Leerraum unter einem Bild freigeben können

Kürzlich stellte mir ein Freund eine Frage:

Beim Layouten der Seite habe ich festgestellt, dass sich unter dem Bild ein 1–2 Pixel großer Leerraum befindet. Wie kann ich diesen entfernen?

Dies ist ein Problem des Browserdesigns. img ist ursprünglich ein Inline-Element, kann aber Breite und Höhe verwenden. Wenn das übergeordnete Element die Höhe nicht festlegt, treten Probleme wie eine Lücke von 3 Pixeln auf, wenn dem übergeordneten Element die aus der Höhe der untergeordneten Elemente berechnete Höhe zugewiesen wird.

Methode 1 zum Entfernen der Lücke unter dem Bild

img{Anzeige:Block;}

Methode 2

img{vertical-align:top;}

Zusätzlich zum oberen Wert können Sie ihn auch auf „Text oben | Mitte | unten | Text unten“ oder sogar auf bestimmte <Länge>- und <Prozent>-Werte einstellen.

Methode 3

#qdxw{Schriftgröße:0;Zeilenhöhe:0;}

#qdxw ist das übergeordnete Element von img

Zusammenfassen

Damit ist dieser Artikel darüber, wie Sie mit CSS einige Pixel Leerraum unter Bildern löschen können, abgeschlossen. Weitere Informationen dazu, wie Sie mit CSS einige Pixel Leerraum unter Bildern löschen können, finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Wir hoffen, dass Sie 123WORDPRESS.COM auch in Zukunft unterstützen werden!