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

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

0 голосов
/ 05 июня 2009

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

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

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

1 Ответ

2 голосов
/ 05 июня 2009

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

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

...