Heim >Web-Frontend >CSS-Tutorial >Wie erstelle ich einen Container mit flüssiger Breite und gleichmäßig verteilten DIVs?
Flüssigkeitsbreite mit gleichmäßig verteilten DIVs
Ein Benutzer möchte ein Container-DIV mit Flüssigkeitsbreite und vier untergeordneten DIVs mit gleichen Abmessungen (300 Pixel) erstellen x 250px). Die Anforderung besteht darin, dass das erste DIV nach links schwebt, das letzte nach rechts schwebt und die verbleibenden beiden gleichmäßig zwischen ihnen verteilt sind, während die Reaktionsfähigkeit erhalten bleibt.
Lösung:
Berücksichtigen Sie das folgende CSS und HTML Implementierung:
#container { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; } .box1, .box2, .box3, .box4 { display: inline-block; *display: inline; zoom: 1; } .stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0 }
<div>
Erklärung:
Das obige ist der detaillierte Inhalt vonWie erstelle ich einen Container mit flüssiger Breite und gleichmäßig verteilten DIVs?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!