Center-inline-Blöcken mit dynamischer Breite in CSS

Also.. ich habe eine dynamische Breite Seite. Unterhalb der wrapper-div zentriert den divs drin. Jedoch, jedes div hat einen Stil von:

display:inline-block;
width:400px; /* static */

Dieser macht das innere divs, nebeneinander. Das heißt aber auch, dass es einige Leerzeichen Links über je nach Breite des browser und wie viele divs kann gehen Seite an Seite, ohne zu brechen in die nächste Zeile.

Bekommen Sie eine Ahnung von dem, was ich bin für gehen, öffnen Sie Ihren Google Chrome-Neuer Tab " - Seite und ziehen Sie Ihr browser-Fenster kleiner machen. Sie werden sehen, dass, wenn Sie zu weit gehen, einige der chrome-apps stoßen an die nächste Zeile, ABER es bleibt immer noch zentriert.

In meinem Fall, Sie stoßen auf die nächste Zeile und nicht zentriert.

Dies ist, was mein code sieht wie folgt aus:

<div class="wrapper">
    <div class="iB"></div>
    <div class="iB"></div>
    <div class="iB"></div>
    <div class="iB"></div>
    <div class="iB"></div>
    <div class="iB"></div>
</div>

Will ich die inneren divs zu werden, Seite an Seite, es sei denn, es gibt nicht genug Platz in dem Fall am Ende wird man eine Beule auf der nächsten Zeile nach unten, während Sie zentriert bleiben in der übergeordneten div.

Vielen Dank für jede Hilfe.

InformationsquelleAutor Jacob | 2012-02-12
Schreibe einen Kommentar