Ich möchte einige schwebende Boxen (Divs, die Miniaturbilder enthalten) anzeigen und die Anzahl der Miniaturbilder hängt von der aktuellen Seitenbreite ab. Zum Beispiel:
<div class="container">
<div class="box1" style="float:left;width:120px;height:120px;margin-right:10px;">Thumbnail image here</div>
<div class="box2" style="float:left;width:120px;height:120px;margin-right:10px;">Thumbnail image here</div>
<div class="box3" style="float:left;width:120px;height:120px;margin-right:10px;">Thumbnail image here</div>
<div class="box4" style="float:left;width:120px;height:120px;margin-right:10px;">Thumbnail image here</div>
.......... ETC
</div>
das Problem ist, dass für eine bestimmte Breite es zeigt zum Beispiel 4 Boxen auf jeder Zeile, aber Sie sind alle links ausgerichtet und es gibt einige weißen Raum nach rechts, wie kann ich horizontal für jede Zeile zentrieren?
Etwa so: http://realworldstyle.com/thumbs_3.html aber mit horizontal auf der Seite zentrierten Kästen...
vielen Dank im Voraus,