Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Как CSS таблицу из 8 колонок пребразовать в 3 колонки. (https://javascript.ru/forum/xhtml-html-css/63136-kak-css-tablicu-iz-8-kolonok-prebrazovat-v-3-kolonki.html)

sovsem-nub 19.05.2016 22:31

Как CSS таблицу из 8 колонок пребразовать в 3 колонки.
 
довольно дурацкая ситуация при помощи js собираю на странице табличку такого вида
<div class="itemContainer">
   <div class="itemThumb"> ...</div>
   <div class="itemName">...</div>
   <div class="itemnazvanie">...</div>
   <div class="itemPrice">р. 15.00</div>
   <div class="itemdecrement">...</div>
   <div class="itemincrement"> ...</div>
   <div class="itemremove"> ... </div>
   <div class="itemTotal">р. 90.00</div>
</div>
потом такой же блок итд


мне нужно из первого и последнего div сделать боковые колонки, а остальные див сложить стопочкой в средней колонке.

Все было бы элементарно, если добавить в эту структуру теги <table><td><tr> с vertical-align:middle; но к сожалению это невозможно и придется менять вид только с помощью css .

мне нужно просто понять теоритически это возможно? нужна большие колонки по бокам и стопка див посередине. ширина у всех 33%

ruslan_mart 20.05.2016 07:41

https://jsfiddle.net/oLrc5o9v/

sovsem-nub 20.05.2016 18:25

Цитата:

Сообщение от Ruslan_xDD (Сообщение 417078)

Спасибо, заработало. Действительно просто. Отступы и блоки с абсолютным позиционированием на местах отступов.


Часовой пояс GMT +3, время: 22:29.