Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Адаптивное изменение ширины блоков (https://javascript.ru/forum/dom-window/63680-adaptivnoe-izmenenie-shiriny-blokov.html)

Mrs.Haneki 22.06.2016 17:32

Адаптивное изменение ширины блоков
 
Добрый вечер! На сайте на разных городах генерируются телефоны и адреса. В одном городе может быть три блока. в другом городе один блок.
В зависимости от этого нужно сделать с помощью js, чтобы он менял ширину блока в зависимости от ситуации и адаптировал.
Если у нас один блок сгенерировался - то ширина 100%. Если 5 блоков, то адаптивно переносил бы на новую строку, так как в ширину могут влезать только 4 блока.

Я сделала такой пример: https://jsfiddle.net/t738fL9z/2/
но он не работает, так как у container задана фиксированная ширина. Помогите пожалуйста поправить код правильно

Kos 01.07.2016 10:51

Судя по описанию, задачу можно решить чистым CSS, с помощью flexbox, без JS
http://frontender.info/a-guide-to-flexbox/


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