Kompakte Anordnung von DIVs in zwei Richtungen
Es ist einfach, DIVs horizontal mit Float anzuordnen. Zum Beispiel:
%Vor% Dies wird produzieren:
Aber wie arrangiert man die DIVs sowohl horizontal als auch vertikal? Wie verschiebt man in diesem Fall die oberen roten und violetten DIVs, wo ein leerer Raum ist (unter gelben und blauen DIVs)?
HINWEIS: Dies ist nur ein Beispiel, und ich möchte eine Methode finden, um die Anordnung für jeden Satz von DIVs zu treffen (nicht nur dieses typische Beispiel).
5 Antworten
Angenommen, Sie arbeiten mit einem dynamischen Satz von beliebig großen Objekten, gibt es dafür keine reine CSS-Methode. Sie können näher kommen, wenn Sie ein mehrspaltiges CSS3-Layout verwenden, wenn:
- Sie müssen nur moderne Browser unterstützen.
- Alle Objekte können in Gruppen mit gleicher Höhe angeordnet werden.
Hier werden Objekte in Gruppen von 300px Höhe angeordnet.
%Vor%
Wenn Sie kein absoluter Fan von absoluter Positionierung sind (wie ich), versuchen Sie Folgendes:
%Vor%Mit dem entsprechenden CSS:
%Vor%Hier ist eine kleine Demo.