Выравнивание дочерних элементов по ширине родителя

yurgeman, 249 просмотров

Проблема в следующем:
есть родительский элемент неизвестной ширины, есть неизвестное количество дочерних элементов.
как с помощью jqwery растянуть все дочерние элементы по ширине родителя

<div class="container">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
....
<div class="item">?</div>
</div>

http://jsfiddle.net/Yurgeman/2VV9G/

заранее спасибо!!!

Примечание:
в идеале структура будет следующей:

количество блоков "container" - неизвестно
количество блоков "item" в каждом блоке "container" - неизвестно

<div class="main-container">
<div class="container">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
<div class="item">7</div>
<div class="item">8</div>
</div>
<div class="container">
<div class="item">1</div>
<div class="item">2</div>
</div>
<div class="container">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
</div>
</div>

Примечание:
Речь о несчастных со старыми браузерами не идет, только современные браузеры.

Эта конструкция - индикатор прогресса выполнения проекта, где:

"main-container" - проект
"container" - веха в проекте
"item" - стадия (задача, группа задач. Но отображается как один элемент) в проекте

Ответы:

holden321

http://jsfiddle.net/holden321/Pbam9/

Denis_

Ответ holden321 мог бы иметь право на существование, но... Не смотря, на то, что это одно из худших решений, его можно было бы довести до ума, если при расчетах вычислять все возможные погрешности: border, padding, их разные величины в разных браузерах и т.д.

11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.