Detaillierte Erläuterung der Hinweise zum Flex- und Positionskompatibilitäts-Mining
|
Heute hatte ich etwas Freizeit, um eine Website für meine eigene Homepage zu schreiben, die mit allen Browsern kompatibel ist (hauptsächlich IE 9 und höher und Chrome). Es gibt ein früheres Problem, das auch ein sehr häufiges Problem ist. Da ich darauf gestoßen bin, kann ich es genauso gut aufzeichnen. Schauen wir uns die Frage direkt an
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="utf-8">
<title>Dokumenttitel</title>
</Kopf>
<Text>
<div Klasse="aaa">
<div>
</div>
</div>
</body>
</html>
<Stil>
.aaa{
Breite: 700px;
Höhe: 500px;
Position: absolut;
Hintergrundfarbe: rot;
Anzeige: Flex;
Elemente ausrichten: zentrieren;
}
.aaa div{
Höhe: 200px;
Breite: 200px;
Position: absolut;
Hintergrundfarbe: gelb;
}
</Stil> Voraussetzung: Das Unterelement muss horizontal zentriert sein, in vertikaler Richtung ist jedoch Im IE: Die Eigenschaften im übergeordneten Container:
Chrome: Eigenschaften im übergeordneten Container:
Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. |
<<: Vollständige Schritte zum Erstellen eines Hochleistungsindex in MySQL
>>: So ändern Sie den Standardspeicherort von Docker-Images (Lösung)
Artikel empfehlen
Centos7-Konfiguration, Fastdfs und Analyse des Implementierungsprozesses des verteilten Dateispeichersystems Nginx
1. Installieren Sie libfastcommon-1.0.43. Das Ins...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.19 (Win10)
Detailliertes Tutorial zum Herunterladen und Inst...
JavaScript-OffsetParent-Fallstudie
1. Definition von offsetParent: offsetParent ist ...
Implementierungscode für die Sicherung und Wiederherstellung von MySQL-Datenbanken
Datenbanksicherung #Grammatik: # mysqldump -h ser...
JavaScript zum Erzielen eines Fensteranzeigeeffekts
In diesem Artikel wird der spezifische JavaScript...
IE6 implementiert min-width
Zunächst einmal wissen wir, dass dieser Effekt ei...
Detaillierte Erläuterung des Ausführungsprozesses der MySQL-Update-Anweisung
Es gab bereits einen Artikel über den Ausführungs...
Skriptbeispiel zum Starten und Stoppen von Spring-Boot-Projekten in Linux
Es gibt drei Möglichkeiten, ein Springboot-Projek...
JavaScript-Interview: So implementieren Sie die Methode zur Array-Abflachung
Inhaltsverzeichnis 1. Was ist Array-Flattening? 2...
Zusammenfassung der MySQL-Fremdschlüsseleinschränkungen und Tabellenbeziehungen
Inhaltsverzeichnis Fremdschlüssel So ermitteln Si...
Installieren von Alibaba Cloud Server mit Docker und die Fallstricke bei der Installation in einer virtuellen Maschine (Zusammenfassung der Probleme)
Docker-Installation (Alibaba Cloud Server) Offizi...
So richten Sie den Remotezugriff auf einen Server ein, indem Sie in Windows eine IP-Adresse angeben
Wir haben viele Server, die häufig von externen N...
Ein Beispiel zum Schreiben eines großen Sonnenwettersymbols in reinem CSS
Wirkung Das Wirkungsdiagramm sieht wie folgt aus ...
Verwenden Sie Docker, um ein verteiltes lnmp-Image zu erstellen
Inhaltsverzeichnis 1. Verteilte LNMP-Image-Produk...
HTML-Tabellen-Tag-Tutorial (26): Zellen-Tag
Die Attribute des <TD>-Tags werden verwende...