| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Выравнивание блоков по ширине обертки |
| Автор: BuShaRt 31.8.2013, 16:10 |
| Достаточно классическая ситуация. Есть список элементов (конкретно ul). Необходимо из этого списка сформировать сетку, последовательно заполняя каждую строку сетки слева на право. Уверен, что многим приходилось делать такое с помощью float:left или display: inline-block. У меня задача чуть-чуть усложнилась, тем, что 3 блока в каждой строке должны быть расположены так, чтоб края крайних блоков плотно прилегали к краю обертки списка. При этом важно, что расстояние между блоками было одинаковым. Для наглядности прикрипляю картинку.  Как организовать такую верстку? |
| Автор: BuShaRt 31.8.2013, 16:34 |
| Нашел решение. Коме интересен результат, а не долгие размышления рекомендую сразу перейти к способу №4 т.к. все предыдушие подходы, описанные в статье приведенены не как один из вариантов на выбор, а лишь для придания объема стье (или по другой аналогичной причине) и в любом случае не несут пользы т.е. заведомо проигрывают варианту №4. http://css-live.ru/articles-css/ravnomernoe-vyravnivanie-blokov-po-shirine.html |