Die Margen Boxen gleichmäßig verschieben

Question

Ich habe diesen Code:

<style type="text/css">
    body > div { height: 260px; overflow: hidden; }
    div div { float: left; height: 250px; width: 250px; margin: 1px; background: #ccc; }
</style>

<div>
    <div>first 1</div>
    <div>first 2</div>
    <div>first 3</div>
    <div>first 4</div>
    <div>first 5</div>
</div>

Ich will geben Margen zu diesem Kästchen, um sie gleichmäßig zu verschieben.

Answer 1

Da die Breite des Behälters ist nicht bekannt, und die Breite der div-Tags in Pixel festgelegt ist (Ausschluß ein prozentuales Systems.) - Sie dies mit CSS nicht tun können,

Sie könnten Zentrieren sie mit der Technik beschrieben unter http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support oder man könnte auf JavaScript aussehen (oder man könnte die Breite eingestellt des Elternelements auf einen bekannten Wert).