Sammlung von Lösungen zum Lückenproblem unter IE images_CSS/HTML

Ich habe viele Leute gesehen, die diese Frage gestellt haben, also habe ich mir etwas Zeit genommen, sie zu klären. Jeder ist willkommen, Kommentare abzugeben und zusätzliche Änderungen vorzunehmen. Vielen Dank!
Die Fragen lauten wie folgt:

<style> div { width:500px; border:1px solid #f00; background:#000; } </style> <div> <img src="/static/imghw/default1.png" data-src="http://www.google.com/intl/en/images/logo.gif" class="lazy" alt="Sammlung von Lösungen zum Lückenproblem unter IE images_CSS/HTML" > </div>
[Strg+A Alles auswählen Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie zum Ausführen eine Aktualisierung durchführen ]

Lösung: 1. Ändern Sie die Anordnung von HTML

<style> div { width:500px; border:1px solid #f00; background:#000; } </style> <div><img src="/static/imghw/default1.png" data-src="http://www.google.com/intl/en/images/logo.gif" class="lazy" alt="Sammlung von Lösungen zum Lückenproblem unter IE images_CSS/HTML" ></div>
[Strg+A Alles auswählen Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie eine Aktualisierung durchführen, um ]

Lösung: 2. display:block

<style> div { width:500px; border:1px solid #f00; background:#000; } img {display:block} </style> <div> <img src="/static/imghw/default1.png" data-src="http://www.google.com/intl/en/images/logo.gif" class="lazy" alt="Sammlung von Lösungen zum Lückenproblem unter IE images_CSS/HTML" > </div>
[Strg+A Alles auswählen Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie zum Ausführen eine Aktualisierung durchführen ]

Lösung: 3. Negative Werte

<style> div { width:500px; border:1px solid #f00; background:#000; } img {margin-bottom:-5px} div>img {margin-bottom:0} </style> <div> <img src="/static/imghw/default1.png" data-src="http://www.google.com/intl/en/images/logo.gif" class="lazy" alt="Sammlung von Lösungen zum Lückenproblem unter IE images_CSS/HTML" > </div>
[Strg+A Alle auswählen Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie zum Ausführen eine Aktualisierung durchführen ]

Lösung:4. Schriftgröße

<style> div { width:500px; border:1px solid #f00; background:#000; font-size:0 } </style> <div> <img src="/static/imghw/default1.png" data-src="http://www.google.com/intl/en/images/logo.gif" class="lazy" alt="Sammlung von Lösungen zum Lückenproblem unter IE images_CSS/HTML" > </div>
[Strg+A Alles auswählen Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie zum Ausführen eine Aktualisierung durchführen ]

Lösung: 5. Vertical-align:bottom

<style> div { width:500px; border:1px solid #f00; background:#000 } img {vertical-align:bottom} </style> <div> <img src="/static/imghw/default1.png" data-src="http://www.google.com/intl/en/images/logo.gif" class="lazy" alt="Sammlung von Lösungen zum Lückenproblem unter IE images_CSS/HTML" > </div>
[Strg+A Alles auswählen Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie zum Ausführen eine Aktualisierung durchführen ]

Ich verwende immer noch die alte Methode, setze line-height:0