Всем привет. Видели ли вы когда нибудь на сайтах, когда несколько колонок блоков максимально рационально расположены и рационально занимают пространство? Так вот обычно это делают с помощью скрипта masonry(c англ. - кладка). Но для простых случаев, например, когда у всех блоков одинаковая ширина, но разная высота, можно их красиво расположить с помощью нескольких css свойств.
Яркий пример, когда ширина блоков равна, а высота нет, это сайдбар, который почти всегда используется в блогах. Часто для адаптивности шаблона, при небольшой ширине экрана, сайдбар ставят вниз страницы (после основного контента), а основной контент делают на всю ширину экрана. Но расположить сайдбар внизу сайта в одну колонку как он есть, будет неразумно, так как с боков останется очень много пустого места.
Тогда зададим блокам свойство display: inline-block. Теперь блоки расположатся в несколько колонок, но будет немного некрасиво выглядеть:
Согласитесь, слишком много пустого пространства, которое можно было бы занять. Поэтому эту ситуацию надо исправить. Итак, в css есть свойство...
Вступите в группу, и вы сможете просматривать изображения в полном размере
Это интересно
+1
|
|||
Последние откомментированные темы:
-
Как включить и отключить поворот экрана на андроиде за 3 секунды?
(1)
Ромашка2018
,
01.03.2022
-
Как смотреть телевизоре на компьютере онлайн?
(1)
Tolli.
,
07.02.2022
-
Правильное восстановление загрузчика Windows 11
(1)
Coon70
,
05.02.2022
-
Как улучить память, концентрацию и повысить продуктивность до 100%
(1)
Luciferous
,
04.02.2022
-
Создать страницу - сайт ВКонтакте: подробный разбор
(2)
Avgustvovan
,
30.01.2022
20250313045724