Sie können es mit einem kleinen jQuery-Skript tun. Siehe diese Geige: http://jsfiddle.net/GlauberRocha/ZwY7q/
Ich habe es als eine Liste anstatt als div
gemacht (aber Sie können dies leicht ändern). In meinem Beispiel befinden sich die Artikel zunächst in einer ungeordneten Liste (ul
). Sie werden rekursiv 6 mal 6 herausgenommen und in ein neues geordnetes Listenelement (ol
) eingefügt, das floated ist.
Es ist in Ordnung, wenn Sie können Ihre Elemente in der ursprünglichen Markup-Gruppe (wie von @powerbuoy vorgeschlagen), aber es mit JavaScript hat zwei Vorteile zu tun:
- Sie behalten Ihre HTML-Markup einfach und „semantische“,
- die Anzahl der Zeilen dynamisch eingestellt werden kann (in meinem Beispiel ist es als Argument an die Funktion übergeben)
ich Ihre Frage nicht verstehen. In Ihrem Beispiel wird kein Wort unterdrückt, es gibt nur ein anderes Layout. Was genau versuchst du zu tun? –
Ich versuche max. 6 Elemente für jede Zeile. Die Liste könnte dynamisch größer werden. –