Anhaltende Inline-Block-Probleme in Internet Explorer 8

Obwohl in der Dokumentation darauf hingewiesen wird, dass Inline-Block unterstützt wird, kann es in Internet Explorer 8 möglicherweise nicht richtig dargestellt werden. Dieses Problem tritt häufig auf manifestiert sich, wenn versucht wird, Elemente horizontal auszurichten.

Um dieses Problem zu beheben, beachten Sie Folgendes:

Legen Sie den richtigen Doctype fest

Starten Sie Ihr HTML-Dokument mit der folgenden Doctype-Deklaration:

Dadurch wird sichergestellt, dass IE8 die korrekten Rendering-Spezifikationen einhält.
Codebeispiel
Bedenken Sie den folgenden CSS- und HTML-Code:
span, ul, ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    list-style: none;
}   
i would want

  
this
  
on
  
one line.
Wenn die Doctype-Deklaration vorhanden ist, sollte dieser Code wie erwartet inline in IE8 gerendert werden.
Fazit
Das Hinzufügen der korrekten Doctype-Deklaration ist für die Inline-Auflösung unerlässlich -Block-Rendering-Probleme in Internet Explorer 8. Diese einfache Anpassung stellt sicher, dass der Browser CSS-Stile wie beabsichtigt interpretiert und anwendet.