Die Breite des übergeordneten Containers ist festgelegt. Wie kann erreicht werden, dass die untergeordneten Elemente die Breite des übergeordneten Containers perfekt und gleichmäßig aufteilen? HTML-Teil des Codes: Methode 1: Schwebendes Layout + Prozentsatz (Verschieben Sie die Unterelemente nacheinander nach links und legen Sie den Breitenprozentsatz jedes Unterelements entsprechend der Anzahl der Unterelemente fest.) Methode 2: Inline-Block + Prozentsatz Methode 3: Übergeordnetes Element Anzeige:Tabelle + untergeordnetes Element Anzeige:Tabellenzelle Methode 4: CSS3-Anzeige: Flex; (Flex-Layout) Methode 5: Grid-System (Bootstrap) Fügen Sie dem untergeordneten Element das Klassenattribut Mit den oben genannten fünf Methoden lässt sich der Container des übergeordneten Elements gleichmäßig in drei gleiche Teile aufteilen. Mit den ersten beiden auf Prozentsätzen basierenden Methoden lässt sich jedoch keine perfekte Aufteilung in drei gleiche Teile erreichen, da der Prozentsatz eine ungenaue Schätzung darstellt und eine gleichmäßige Aufteilung des untergeordneten Elements schwierig ist, wenn es einen Rand hat. Die letzten drei Methoden sind vorzuziehen Dies ist das Ende dieses Artikels über die Implementierung der proportionalen CSS-Aufteilung von übergeordneten Containern (perfekte Drittel). Weitere relevante Inhalte zur proportionalen CSS-Aufteilung von übergeordneten Containern finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! |
<<: TypeScript-Dekorator-Definition
Deshalb führen wir ein Einbettungsframework ein, u...
Der vollständige Code lautet wie folgt : HTML Quel...
In MySQL verwenden wir normalerweise ein Limit, u...
Vorwort Das Docker-Image kann nicht gelöscht werd...
Konzepteinführung: Wir wissen, dass das Redo-Log ...
Hintergrund: Wenn es in MySQL eine begrenzte Eben...
Inhaltsverzeichnis einführen 1. Pica 2. Lena.js 3...
Inhaltsverzeichnis FileReader liest lokale Dateie...
Inhaltsverzeichnis 1. Vorlage 2. Generika 3. Gene...
Methode 1: Verwenden Sie den Befehl SET PASSWORD ...
MySQL-Group-Replication ist eine neue Funktion, d...
1. Installieren Sie Howdy: Howdy-Projektadresse s...
Bei Datenbanken, die schon lange laufen, besteht ...
Ich weiß nicht, ob Sie bemerkt haben, dass beim Ö...
1. Einleitung CentOS8-Systemupdate, die neue Vers...