Lösung für das Problem, dass die gesamte Seite nicht zentriert ist, wenn margin:0 auto in HTML verwendet wird

Lösung für das Problem, dass die gesamte Seite nicht zentriert ist, wenn margin:0 auto in HTML verwendet wird
Ich habe heute eine JSP-Seite geschrieben. Ich habe versucht, <div style="margin:0 auto">123xxx</div> anzupassen, aber dadurch wurde die Seite nicht zentriert angezeigt. Auch bei anderen Stilen traten unerklärliche Probleme auf.

Später fand ich die Lösung für dieses Problem:

Es stellt sich heraus, dass L-Blog standardmäßig keine DTD vor HTML hinzufügt, sodass der IE das Dokument als HTML statt als XHTML interpretiert.
Das Problem liegt nicht bei CSS, sondern bei den XHTML-Seiten selbst.
Damit die obigen Einstellungen wirksam werden, müssen Sie den folgenden Code hinzufügen:

Code kopieren
Der Code lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Wenn Sie das strengere XHTML 1.0 Strict oder XHTML 1.1 wünschen, lesen Sie bitte die entsprechenden Dokumente.
Die obigen Tests basieren auf IE6 und FireFox 1.0 (finale Version) unter Windows XP SP2.

Wenn Sie CSS-Stile auf der Seite verwenden müssen, wird empfohlen, diese Zeile nicht zu löschen:

Code kopieren
Der Code lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<<:  Detaillierte Erklärung der Bedeutung von Standard-Commit-Nachrichten in der JavaScript-Entwicklung

>>:  20 Wegweiser auf dem Weg zum exzellenten UI (User Interface)-Designer

Artikel empfehlen

So löschen Sie ein Image in Docker

Der Befehl zum Löschen von Bildern im Docker laut...

Eine kurze Diskussion über Yahoos 35 Regeln zur Front-End-Optimierung

Zusammenfassung: Ob bei der Arbeit oder im Vorste...

Docker konfiguriert den Speicherort lokaler Images und Container

Verwenden Sie den Befehl „Find“, um Dateien zu fi...

Neulinge lernen schnell die Schritte zum Erstellen von Website-Symbolen

<br />Original-URL: http://www.lxdong.com/po...

MP3- oder Flashplayer-Code auf der Webseite abspielen

Code kopieren Der Code lautet wie folgt: <Obje...

Grundkenntnisse der MySQL-Datenbank

Inhaltsverzeichnis 1. Datenbanken verstehen 1.1 D...

Implementierung von webpack-dev-server zum Erstellen eines lokalen Servers

Inhaltsverzeichnis Vorwort Webpack-Deb-Server Sta...

Lernen Sie, benutzerdefinierte Hooks in React zu erstellen

1. Was sind benutzerdefinierte Hooks Wiederverwen...

Detaillierter Prozess zum Upgrade von gcc (Version 10.2.0) in der CentOS7-Umgebung

Inhaltsverzeichnis Kurze Einleitung 1. Überprüfen...

5 Punkte, auf die Sie beim Erstellen einer Webseite achten sollten

1. Farbabstimmungsproblem <br />Eine Webseit...

Ubuntu MySQL-Version auf 5.7 aktualisiert

Vor einigen Tagen teilte die Bibliothek mit, dass...

Detaillierte Erklärung der Anzeigeeigenschaft im CSS-Beschriftungsmodus

Der Code sieht folgendermaßen aus: <!DOCTYPE h...

Detaillierte Erklärung des Prinzips und der Funktion des JavaScript-Closures

Inhaltsverzeichnis Einführung Verwendung von Vers...