Warum benötigt „display: inline-block' einen Hack für Internet Explorer 6 und 7?

Plattformübergreifende Kompatibilitätsprobleme: Inline-Block in Internet Explorer 6 und 7

Die display: inline-block-Eigenschaft wurde entwickelt, um Inline zu simulieren Elemente mit blockartigen Anzeigeattributen stehen in den Internet Explorer-Versionen 6 und 7 vor Kompatibilitätsproblemen. Im Gegensatz zu natürlich inline-Elementen sind nicht-inline-Elemente wie divs erfordern spezifische Änderungen, um Inline-Block-Verhalten zu erreichen.

Lösung für Internet Explorer 6 und 7:

Um dieses Kompatibilitätsproblem zu lösen, ist zusätzliches CSS zur Ergänzung der Anzeige erforderlich : Inline-Block-Eigenschaft für Nicht-Inline-Elemente:

#yourElement {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

• Anzeige: inline-block: Legt das gewünschte Anzeigeverhalten fest.
• *display: inline: Ein „sicherer“ CSS-Hack, der auf IE7 und frühere Versionen abzielt.
• zoom: 1: Stellt hasLayout in IE6/7 bereit, das für die Funktion des Inline-Blocks erforderlich ist konsequent.

Zusätzliche Hinweise:

• Diese Problemumgehung behält gültiges CSS bei, insbesondere wenn sie in Verbindung mit herstellerspezifischen Präfixen verwendet wird.
• Weitere Informationen zu display: inline-block und seinen Feinheiten finden Sie in der entsprechenden Dokumentation.

Das obige ist der detaillierte Inhalt vonWarum benötigt „display: inline-block' einen Hack für Internet Explorer 6 und 7?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!