Выравнивание DIV внутри таблицы

[remlin]

Здравсвуйте! Помогите начинающему.

Есть такой код:    http://codepen.io/anon/pen/vOxaXV

 

Внутри ячейки таблицы может быть любое количество блоков, и они должны распологаться горизонтально (а не вертикально как по ссылке),и должны делить между собой доступную в ячейке ширину.

Заранее спасибо за помощь.

 

[user]

div{display:table-cell} или inline-block или inline-table

[Great Rash]

Внутри ячейки таблицы может быть любое количество блоков, и они должны распологаться горизонтально (а не вертикально как по ссылке),и должны делить между собой доступную в ячейке ширину.

Т.е. вы хотите реализовать внутри ячейки таблицы ещё одну таблицу, я правильно понимаю?

[remlin]

В итоге у меня должно получиться это http://www.imageup.ru/img213/2144080/2.jpg.html

, только оранжевые блоки должны занимать всю ширину ячейки таблицы.

div{display:table-cell} или inline-block или inline-table

 

Мне необходимо чтобы блоки занимали еще и всю ширину. При установке блоку width:100% они опять смещаются вниз.

http://codepen.io/anon/pen/vOxaXV

[user]

Наверно тогда через скрипт брать количество блоков и делить ширину.

[remlin]

а средствами css никак?

[user]

http://habrahabr.ru/post/153925

[remlin]

Спасибо! то что надо. Flexbox - крутая штука! http://codepen.io/anon/pen/vOxaXV

[Great Rash]

http://codepen.io/anon/pen/xGqaJo