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"> |
>>: 20 Wegweiser auf dem Weg zum exzellenten UI (User Interface)-Designer
Artikel empfehlen
So richten Sie den PostgreSQL-Start unter Ubuntu 16.04 ein
Da PostgreSQL kompiliert und installiert ist, müs...
Eine kurze Erläuterung des Datums-/Uhrzeitformats beim Exportieren von Tabellendaten von MySQL nach Excel
Kürzlich habe ich MySQL verwendet, um Tabellendat...
Lösung für mobile Browser, die die Position nicht unterstützen: Fix
Die konkrete Methode ist wie folgt: CSS Code Code...
Eine kurze Analyse zum Verständnis von Vue-Komponenten aus einer objektorientierten Perspektive
Wenn dieselbe Funktion und derselbe HTML-Code meh...
Detaillierte Erklärung des Responsive-Prinzips von Vue3
Inhaltsverzeichnis Überprüfung der responsiven Pr...
Der Unterschied zwischen HTML-Frame, Iframe und Frameset
10.4.1 Der Unterschied zwischen Frameset und Fram...
Detaillierte Schritte zum Konfigurieren von my.ini für mysql5.7 und höher
Im entpackten Paket von Windows 64-Bit MySQL 5.7 ...
CentOS 7 erstellt Hadoop 2.10 mit hoher Verfügbarkeit (HA)
Dieser Artikel beschreibt, wie man einen hochverf...
Natives JS zum Implementieren der Seitenleiste zum Teilen
Dieser Artikel zeigt eine mit nativem JS implemen...
Tutorial zur Installation und Deinstallation von Python3 unter Centos7
1. Installieren Sie Python 3 1. Installieren Sie ...
Eine kurze Diskussion über Yahoos 35 Regeln zur Front-End-Optimierung
Zusammenfassung: Ob bei der Arbeit oder im Vorste...
Grundlegende Verwendung von Javascript-Array-Includes und -Reduces
Inhaltsverzeichnis Vorwort Array.Prototyp.enthält...
Die umfassendsten 50 Mysql-Datenbankabfrageübungen
Diese Datenbankabfrageanweisung ist eine von 50 D...
Grafisches Tutorial zur Installation und Konfiguration von CentOS 6.4 MySQL 5.7.18
Die spezifischen Schritte zur Installation von my...
So implementieren Sie den Selbststart eines Docker-Containers
Container-Autostart Docker bietet einen Neustartr...