[stolat]

Hallo,

ich habe viele gleich hohe aber unterschiedlich breite div-container, die ich zeilenweise, im Blocksatz ausgeben möchte. Ich verwende erstmal 'flow:left' um sie nebeneinander auszugeben. Das Problem ist, dass so die Zeilen mit Flattersatz enden, ich möchte aber dass sich die Container wie worte im Blocksatz verhalten, also gleichmäßig über die ganzen Zeilen verteilt werden.

Zweitbeste Lösung wäre ein zentrierter Satz, aber auch das schaffe ich nicht..

Danke für alle Ideen!

Gruss, Sto

[top]

Ich würde es statt dem float: left; mit display: inline-block; versuchen. (Noch nicht getestet.)

Sollte auch ab IE8 funktionuckeln: http://www.css4you.de/display.html

[Frank Münschke]

[Manulein]

Blocksatz im Internet ist keine Gute Idee.
Browser können keine Silbentrennung, es gibt da zwar mit CSS3 und dem stichwort hyphens eine Lösung, die aber nicht jeder Browser beherrscht.

[top]

Ach Leute - lest doch mal die Frage!

Er will keinen Text in Blocksatz haben, sondern verschieden breite div-container.

Ich denke mal etwa so:
https://jsfiddle.net/nxfw78za/

[stolat]

Vielen Dank!!

display:inline-block

hat perfekt funktioniert... jetzt kann ich sogar zwischen zentriert und Blocksatz wählen

Grüße
Sto

[stolat]

und jetzt eine echt blöde Frage hinterher: mit welchem Zeichen trenne ich die Divs, damit der Browser weiss, wo er umbrechen soll, aber ohne zusätzlichen Raum zwischen den Divs zu schaffen. Meine Zeilenlängen sind festgelegt und die zusätzlichen Leerzeichen verursachen, dass manchmal ein Div zu früh umgebrochen wird.

Ich habe gerade ein Leerzeichen benutzt und die Fontgröße auf 0 gesetzt, aber Explorer nimmt Nullsize-Leerzeichen nicht als Trennzeichen an, Firefox dagegen schon.

[top]

Versuch es mal mit: word-spacing: -0.25em;

https://jsfiddle.net/nxfw78za/1/

Habe ich selbst noch nie gebraucht. Würde ich daher etwas ausführlicher testen in wie fern das auf allen Browsern gleich berechnet wird.