3 Stimmen

Schwimmkästen horizontal zentrieren

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,

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X