Lösung für das Problem der Lücken zwischen img-Bildern, die in li eingefügt werden

Fügen Sie direkt den Stil img{vertical-align:bottom; display:block hinzu🎜>

Natürlich funktioniert es in einigen Fällen nicht, wenn ich beispielsweise drei Bilder hinzufügen möchte: oben, in der Mitte und Unten ist das mittlere Bild auf Hintergrund eingestellt. Ich habe festgestellt, dass diese Methode ungültig ist, aber die Lücke zwischen dem oberen und dem mittleren Bild ist verschwunden, während die Lücke zwischen dem unteren und dem mittleren Bild noch vorhanden ist. Die Methode ist sehr einfach -align:bottom to top Sie können es entsprechend den verschiedenen Situationen anpassen, denen Sie begegnen.

Methode 1:

img{vertical-align:top; display:block}

<style>
#l1 {float:left;background:#000;}
#l1 ul li {list-style:none;padding:0;margin:0}
img {vertical-align:bottom; display:block;}
</style>

Methode 2: Container-Schriftgröße festlegen: 0 (Ich denke, das ist die beste Methode!!)

Weitere verwandte Artikel zum Einfügen von Lücken zwischen Bildern Bilder, folgen Sie bitte der chinesischen PHP-Website!