Horizontale Anordnung per float

[risingsunset]

Moin,

ich stehe genau vor diesem Problem:
http://css-technik.de/css-examples/2...umbnails2.html

Gibt es die Möglichkeit, dass Float 17 unter Float 1 weiter geht, auch wenn die Boxen unterschiedlich hoch sind?
Also das die Reihenfolge erhalten bleibt?

Danke!

[Spooky]

http://masonry.desandro.com/

Dabei helfen könnte dir:

• [dk_masonry]
• github.com/dklemmt/contao_dek_masonry
• packagist.org/packages/dklemmt/contao_dk_masonry

[risingsunset]

Danke dir!
Genau das habe ich auch gerade gefunden

[Andreas]

Du kannst auch mal das hier probieren

.floatdemo-multi {
  display: flex;
  flex-wrap: wrap;
}

Das float bei ".floatdemo-multi div" kannst du dann entfernen.

Mit align-items kannst du die einzelnen Reihen dann oben oder unten ausrichten oder vertikal zentrieren.

Siehe auch http://the-echoplex.net/flexyboxes/

[folkfreund]

Inzwischen wird flexbox ja auch recht gut von aktuellen Browsern unterstützt: http://caniuse.com/flexbox