Beim DIV+CSS-Schriftsatz auf der Seite kommt es in IE6 absolut häufig zu übermäßigem Leerraum unter dem Bildelement img (natürlich manchmal auch unter Firefox). ear“ müssen je nach den Gründen unterschiedliche Lösungen verwendet werden. Hier fassen wir als Referenz direkt die gängigen Methoden zur Behebung des Fehlers übermäßiger Lücken unter dem Bildlayout zusammen.
1. Konvertieren Sie das Bild in ein Objekt auf Blockebene,
indem Sie img auf „display:block;“ setzen. Fügen Sie in diesem Beispiel einen Satz CSS-Code hinzu: „#sub img {display:block;}“.
2. Das Festlegen der vertikalen Ausrichtung des Bildes,
dh das Festlegen des vertikalen Ausrichtungsattributs des Bildes auf „oben, Text oben, unten, Text unten“, kann ebenfalls gelöst werden. Fügen Sie in diesem Beispiel beispielsweise einen Satz CSS-Code hinzu: „#sub img {vertical-align:top;}“.
3. Stellen Sie die Textgröße des übergeordneten Objekts auf 0 Pixel ein,
dh fügen Sie eine Zeile in #sub: „font-size:0;“ hinzu, um das Problem zu lösen. Dies führte jedoch auch zu einem neuen Problem: Der Text im übergeordneten Objekt konnte nicht angezeigt werden. Auch wenn der Textteil von einem Unterobjekt umschlossen ist, kann er durch Festlegen der Textgröße des Unterobjekts weiterhin angezeigt werden. Bei der CSS-Validierung wird jedoch eine Fehlermeldung angezeigt, dass der Text zu klein ist.
4. Ändern Sie die Eigenschaften des übergeordneten Objekts
und die Bildgröße hängt vom übergeordneten Objekt ab, um das Problem zu lösen. In diesem Beispiel können Sie beispielsweise den folgenden Code zu #sub hinzufügen: „width:88px;height:31px;overflow:hidden;“.
5. Um das Floating-Attribut des Bildes festzulegen
, fügen Sie in diesem Beispiel eine Zeile CSS-Code hinzu: „#sub img {float:left;}“. Wenn Sie eine gemischte Anordnung von Bildern und Texten erreichen möchten, ist diese Methode eine gute Wahl.
6. Löschen Sie das Leerzeichen zwischen dem Bild-Tag und dem letzten schließenden Tag des übergeordneten Objekts.
Es sollte betont werden, dass diese Methode in der tatsächlichen Entwicklung zu Problemen führen kann, da beim Schreiben von Code eine semantischere und klarere Darstellung des Codes erforderlich ist, um die Codeeinrückung über die IDE anzuzeigen, wodurch zwangsläufig Beschriftungen und andere Beschriftungen erstellt werden Anzeige von Zeilenumbrüchen, z. B. DW-Befehl „Quellformat anwenden“. Daher kann diese Methode uns helfen, eine Situation zu verstehen, in der ein Fehler auftritt. Die spezifische Lösung muss von jedem gelöst werden.