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

Eine kurze Diskussion über den JavaScript-Bereich

Inhaltsverzeichnis 1. Geltungsbereich 1. Globaler...

Verwendung der MySQL DATE_FORMAT-Funktion

Angenommen, Taobao animiert die Leute zum Einkauf...

Analyse des Prinzips und der Erstellungsmethode der temporären MySQL-Tabelle

In diesem Artikel werden hauptsächlich das Prinzi...

MySQL-Kill-Befehl – ​​Verwendungshandbuch

KILL [VERBINDUNG | ABFRAGE] Prozesslisten-ID In M...

So verwenden Sie Indizes zur Optimierung von MySQL ORDER BY-Anweisungen

Tabelle erstellen und Index erstellen Tabelle tbl...

Detailliertes Tutorial zur Installation von MySQL unter Linux

1. Beenden Sie den MySQL-Dienst # service mysqld ...

CSS3 verwendet Transform, um eine bewegliche 2D-Uhr zu erstellen

Nachdem wir den transform Kurs abgeschlossen habe...

CentOS verwendet expect, um Skripte und Befehle remote in Stapeln auszuführen

Manchmal müssen wir Server stapelweise bedienen, ...

So implementieren Sie das Builder-Muster in Javascript

Überblick Das Builder-Muster ist ein relativ einf...

So aktualisieren Sie Ubuntu 20.04 LTS unter Windows 10

23. April 2020: Heute können Sie mit Ubuntu 20.04...

Wie können die Transaktionseigenschaften von MySQL InnoDB sichergestellt werden?

Vorwort Wenn Sie jemand fragt: „Was sind die Merk...

Grundlegendes Installationstutorial zum Dekomprimieren von MySQL-Paketen

Da ich auf einen neuen Computer gewechselt bin, m...