Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 13.04.2016 08:06

Xerol
Новичок
Зарегистрирован: 13.04.2016
Сообщений: 1

Занять всю ширину родителя блоками

Здравствуйте!

Появилась нетривиальная задача. Так сказать, ТЗ:

1. Есть резиновый контейнер, в нём есть N блоков. N может быть равно 1, 2, 3 и так далее.
2. Блоки должны равномерно занять всю ширину контейнера, независимо от N
3. Ширина блоков должна быть одинаковой.

Всё это решаемо, но далее идёт самое сложное:

4. У блоков есть min-width, или его аналог неважно в каком виде. Если блоки не входят в контейнер - они должны переноситься на следующую строку.

Автоматически отмелись решения с display: table-cell, а также подававший надежды text-align: justify + display: inline-block;

Задачу надо решить средствами CSS, в том числе третьей версии.

PS: На ie можно забить, для голимых браузеров решение уже есть на JS.

Нет на форуме

 

#2 02.04.2019 09:37

umarsahb
Новичок
Зарегистрирован: 02.04.2019
Сообщений: 1

Re: Занять всю ширину родителя блоками

Hello! There was not a trivial task. That is to say, TK: 1. There is a rubber container, there is an N blocks. N may be 1, 2, 3, and so forth. 2. Blocks must uniformly over the full width of the container, irrespective of N 3. The width of the blocks should be the same.


We are the pioneers in providing [url=http://e-six-sigma.com]http://e-six-sigma.com[/url] toefl and  with 100% exam pass  Download [url=http://fcc.edu/]fcc.edu[/url]

Нет на форуме

 

Board footer