Heim >Web-Frontend >CSS-Tutorial >Lösung für die Lücke zwischen img-Bildern, die in li_CSS/HTML eingefügt wurden

Lösung für die Lücke zwischen img-Bildern, die in li_CSS/HTML eingefügt wurden

WBOY
WBOYOriginal
2016-05-16 12:03:352714Durchsuche

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

Natürlich funktioniert es in einigen Fällen nicht. Ich möchte beispielsweise drei Bilder hinzufügen, oben, in der Mitte und unten. Ich habe festgestellt, dass diese Methode ungültig ist Die Lücke zwischen dem oberen und dem mittleren Bild ist verschwunden, und dazwischen ist noch etwas. Die Methode ist sehr einfach. Ändern Sie die vertikale Ausrichtung: unten nach oben. Sie können die Parameter der vertikalen Ausrichtung entsprechend den verschiedenen Situationen einstellen Sie stoßen auf

Methode 1:

Code kopieren Der Code lautet wie folgt:
img{vertical-align:top; :block}

Lösung für die Lücke zwischen img-Bildern, die in li_CSS/HTML eingefügt wurden

Code kopieren Der Code lautet wie folgt: