Div-ы с динамичиской шириной?

Question

[Narts]

Всем привет!
Есть код вида:

<div class="wrapper"></div>
     <div class="item">123</div>
     <div class="item">123</div>
     <div class="item">123</div>
     <div class="item">123</div>
     ...
     <div class="item">123</div>
</div>

Количество итемов - не фиксированное. Они должны быть inline-block, то есть в ряд идти. Как можно сделать чтобы независимо от количества итемов, они были одинаковой ширины и в сумме занимали 100% от .wrapper?

Comments

[godsplane]

ээ..

.item {
width:100%;
}

Если я правильно понял вопрос.

[Narts]

godsplane, пардон, они должны быть inline-block, то есть в ряд идти

[godsplane]

Narts, в ряд 100% ширины каждый айтем?Это как?

[Narts]

godsplane, в сумме 100% ширины от враппера))
То есть если один итем, то он 100%, если два то по 50% и так далее

[Softlink]

https://jsfiddle.net/guym4er9/

[godsplane]

Narts, https://codepen.io/poylar/pen/BazemoJ это?

[Narts]

Softlink, спасибо!

Answer 1

[Данила Павлинов]

а где у тебя открывающий div, что ты закрываешь?
класс ан дивах не уместен, лучше сделать так:

.wrapper div{
display: inline-block;
width: 100%;
}

Comments

[Ankhena]

класс ан дивах не уместен

Откуда вы это вычитали?

[Данила Павлинов]

Ankhena, я имел в данной ситуации

[Ankhena]

Данила Павлинов, да бог с вами, что за ерунду вы пишете? :)

[Данила Павлинов]

Ankhena, кароч, я пытался помочь, я начинающий :D

[Ankhena]

Данила Павлинов, тогда:
1. Обращение к элементам по классам - лучшее, что можно придумать.
2. Попробуйте сами протестировать стили, которые предлагаете как решение.

[historydev]

Ankhena, авхавхавхавхв, классы больше не юзаем ребята, возвращаемся в 200х на таблицы)))