Please enable JavaScript.
Coggle requires JavaScript to display documents.
CSS: Flex - Coggle Diagram
CSS: Flex
Правила flex
-
-
-
-
-
-
-
flex-shrink: разрешает свойству сжиматься или не сжиматься (пока не понял смысл данного свойства) :question:
-
align-self: аналог align-items, только для конкретного элемента
-
Создание flex-контейнера
display: flex
-
-
Flex-контейнер не является блочным или строчным элементом. Некоторые правила перестают работать (float, clear, vertical-align).
Тем не менее, он будет вести себя как блочный элемент. То есть будет занимать всю доступную ширину.
display: inline-flex
Если задать контейнер таким образом, то внутри все будет происходить как обычно, но контейнер будет вести себя как строчный элемент и занимать только необходимую ему ширину и другие элементы смогут обтекать его.