Untitled

mail@pastecode.io avatar
unknown
plain_text
2 months ago
2.7 kB
1
Indexable
Never
3) Использование свойства display: flex превратит контейнер в гибкий контейнер, позволяя управлять распределением и выравниванием элементов внутри него. 
4) Использование свойства display: inline-flex создаст гибкий контейнер в виде строчного элемента. 
5) Свойство justify-content: flex-start выровняет элементы в начале (слева для горизонтальной оси). 
6) Свойство justify-content: flex-end выровняет элементы в конце (справа для горизонтальной оси). 
7) Для размещения элементов по центру необходимо задать значение justify-content: center. 
8) justify-content: space-between означает, что пространство между элементами будет равномерно распределено, с отсутствием отступов в начале и конце контейнера. 
9) justify-content: space-around означает, что пространство вокруг элементов будет равномерно распределено, включая отступы в начале и конце контейнера. 
10) Свойство align-items отвечает за вертикальное выравнивание элементов внутри контейнера. 
11) Значение align-items: stretch у свойства align-items по умолчанию, что растягивает элементы на всю высоту контейнера. 
12) Значение align-items: flex-start выровняет элементы по верхнему краю контейнера. 
13) Значение align-items: baseline выровняет базовую линию содержимого элементов. 
14) Свойство flex-wrap отвечает за перенос элементов в строке, его значение по умолчанию nowrap не позволяет переносить элементы. 
15) Значение flex-wrap: wrap у свойства flex-wrap позволяет элементам переноситься на новую строку или столбец при необходимости. 
16) Значение flex-wrap: wrap-reverse у свойства flex-wrap позволяет элементам выстраиваться в обратном порядке, начиная с последнего ряда/столбца.
Leave a Comment