Заметки
программиста
 
Популярные статьи
 
Полезные ссылки

Flexbox CSS

18.09.2019

CSS flexbox (Flexible Box Layout Module) — модуль макета гибкого контейнера — представляет собой способ компоновки элементов, в основе лежит идея оси.

Многие из вас сталкивались с тем, что надо скомпоновать, выравнить группу картинок, блоков. Вот несколько примеров:

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

<style>
    display: flex;
    flex-direction: row; 
    flex-wrap: wrap; 
    justify-content: space-around; 
    align-items: stretch; 
    align-content: stretch;
</style>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

<style>
    display: flex;
    flex-direction: row; 
    flex-wrap: wrap; 
    justify-content: space-between;
    align-items: stretch; 
    align-content: stretch;
</style>
 
Об этом блоге

Данный блог создан исключительно для записей своих заметок, скриптов и не претендует на звание "самого лучшего" сайта в интернете