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

Detaillierte Erklärung dieses Zeigeproblems in JavaScript

Vorwort Glauben Sie mir, solange Sie sich an die ...

So implementieren Sie das Builder-Muster in Javascript

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

Zusammenfassung mehrerer Situationen, in denen MySQL-Indizes fehlschlagen

1. Indizes speichern keine Nullwerte Genauer gesa...

CSS zum Erzielen eines dynamischen Schaltflächeneffekts mit Partikeln

Ursprünglicher Link https://github.com/XboxYan/no...

Ein kurzer Überblick über CSS3-Pseudoklassenselektoren

Vorwort Wenn CSS die Grundfertigkeit der Front-En...

Beispielanalyse der MySQL-Benutzerrechteverwaltung

Dieser Artikel beschreibt das Beispiel der MySQL-...

Detaillierte Erklärung der grundlegenden Typen von TypeScript

Inhaltsverzeichnis Boolescher Typ Nummerntypen Ze...

CSS-Tutorial: CSS-Attribut-Medientyp

Eines der wichtigsten Merkmale eines Stylesheets ...

Uniapp implementiert Beispielcode für die Anmeldung mit DingTalk-Scancode

Da Uniapp nicht über eine autorisierte DingTalk-A...