Warum gibt es eine Lücke zwischen meinem Bild und dem Div-Rand, obwohl kein Rand und kein Abstand vorhanden sind?

Verankerung der Elementverschiebung

In Ihrem Code haben Sie ein Ankertag, das ein Bild umgibt, das in einem Div mit einem Rahmen eingeschlossen ist. Obwohl sowohl Rand als auch Abstand auf 0 gesetzt sind, entsteht eine dauerhafte Lücke von etwa 3 Pixeln zwischen dem Bild und dem Rand des Div.

Die Hauptursache: Inline-Anzeige

Die Ursache dieser Diskrepanz liegt in der Inline-Anzeige des Bildelements. Bei der Inline-Anzeige verhalten sich Bilder ähnlich wie Zeichen im Text. Folglich werden sie auf der Grundlinie positioniert, die Unterlängen berücksichtigt, wie sie beispielsweise in Zeichen wie „j“, „g“, „y“ und „p“ vorkommen.

Auflösung: Vertikale anpassen Ausrichtung

Um diesen unerwünschten Platz zu beseitigen, können Sie die vertikale Ausrichtung des Bildes mithilfe von CSS anpassen. Durch Anwenden der Stilregel „img {vertical-align: bottom}“ weisen Sie das Bild an, sich am unteren Rand der Zeile auszurichten und so die Lücke zwischen dem Bild und dem Rand des Div.

zu schließen

Das obige ist der detaillierte Inhalt vonWarum gibt es eine Lücke zwischen meinem Bild und dem Div-Rand, obwohl kein Rand und kein Abstand vorhanden sind?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!