Heim >Web-Frontend >CSS-Tutorial >Warum zentriert „margin: 0 auto;' Elemente im Standardmodus von Internet Explorer 8 nicht?
Warum zentriert „margin: 0 auto;' Elemente im Standardmodus von Internet Explorer 8 nicht?
- Barbara StreisandOriginal
- 2024-11-30 10:42:11416Durchsuche
Verstehen des „marge: 0 auto;“ Problem im Internet Explorer 8
Im Bereich der Webentwicklung war das Erreichen einer horizontalen Zentrierung eine ständige Herausforderung. Der „margin: 0 auto;“ Die Technik ist seit langem eine zuverlässige Lösung, aber ihre Wirksamkeit in Internet Explorer 8 (IE8) wirft Fragen auf.
Unerwartetes Verhalten im IE8-Standard
Beim Anwenden von „margin: 0 automatisch;" gegenüber einem Element auf Blockebene verhält sich der IE8-Standardmodus inkonsistent. Im bereitgestellten Beispiel lässt sich eine Senden-Schaltfläche nicht zentrieren, anders als in anderen Browsern wie Firefox 3, Opera, Safari, Chrome, IE7 und IE8-Kompatibilitätsmodus.
Geheimnis und undefiniertes Verhalten
Diese Diskrepanz hat eine Debatte über das korrekte Verhalten von Browsern ausgelöst. Einigen Meinungen zufolge gehen alle Browser falsch mit der Situation um. Andere argumentieren jedoch, dass die Breite der Schaltfläche in diesem Fall 100 % betragen sollte.
Lösung des Problems mit DOCTYPE
Glücklicherweise ist die Lösung so einfach wie das Hinzufügen des Folgenden Zeile an den Anfang des HTML-Dokuments:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Diese Deklaration definiert den Typ des Dokuments und stellt sicher, dass IE8 rendert die Elemente wie erwartet und „margin: 0 auto;“ zentriert die Schaltfläche wie gewünscht.
Das obige ist der detaillierte Inhalt vonWarum zentriert „margin: 0 auto;' Elemente im Standardmodus von Internet Explorer 8 nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!