Поля для равномерного смещения ящиков

Question

У меня есть этот код:

<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>

Я не буду давать полям поля, чтобы они равномерно перемещались.

Answer 1

Поскольку ширина контейнера неизвестна, а ширина элементов div фиксирована в пикселях (исключая процентную систему), вы не можете сделать это с помощью CSS.

Вы можете центрировать их, используя технику, описанную в http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support или вы можете обратиться к JavaScript (или вы можете установить ширину родительского элемента на известное значение).