Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.06.2016, 17:32
Аспирант
Отправить личное сообщение для Mrs.Haneki Посмотреть профиль Найти все сообщения от Mrs.Haneki
 
Регистрация: 16.04.2014
Сообщений: 59

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

Я сделала такой пример: https://jsfiddle.net/t738fL9z/2/
но он не работает, так как у container задана фиксированная ширина. Помогите пожалуйста поправить код правильно
Ответить с цитированием
  #2 (permalink)  
Старый 01.07.2016, 10:51
Аватар для Kos
Kos Kos вне форума
Аспирант
Отправить личное сообщение для Kos Посмотреть профиль Найти все сообщения от Kos
 
Регистрация: 01.09.2008
Сообщений: 79

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение видимости наложенных друг на друга блоков в зависимости от сепаратора karssen Общие вопросы Javascript 5 03.08.2015 16:56
Изменение ширины таблицы с JS igory Элементы интерфейса 5 14.11.2013 15:47
Динамическое изменение ширины контента utb Элементы интерфейса 7 18.04.2013 17:08
Плавное изменение ширины ячейки в таблице fed0R Элементы интерфейса 4 29.07.2009 12:50
Изменение ширины полосы прокрутки Devoto Общие вопросы Javascript 3 07.07.2008 17:01