This product does not support the web browser you are using. Please use the latest versions of
Google Chrome
,
Firefox
or
Internet Explorer
.
Close
Create a set
Featured
Language
Русский
English
Login
Browse
Play
Game
html -flexbox
vaide
Tags:
html
Send to app
Mark as learnt
html -flexbox
с-ва Fltexbox
эл-ты теряют тип,блочные перестают идти вертикально,работают авт верт. отступы
направляющие оси контейнера
main axix main start, end
с-во display: flex|inline flex
создает flex контейнер для всех детей
flex-direction:row|row-revers|column|column revers
расположения элементов в одном определённом направлении - горизонтально или вертикально
justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly
Управляет позиционированием элементов на главной оси,
align-items: stretch | flex-start | flex-end | center | baseline
Управляет расположением элементов вдоль поперечной оси
Свойство flex-wrap: nowrap | wrap | wrap-reverse
однострочный контейнер в многострочный
align-content: flex-start | flex-end | center | space-between | space-around | space-evenly | stretch
выравнивает все строки многострочного контейнера вдоль поперечной оси, если есть свободное место
flex-basis: auto | значение
начальный размер элемента перед распределением свободного пространства
flex-grow: доля
способность элемента, по необходимости, занимать больше места (расти) чем его начальный размер
flex-shrink: доля
по необходимости, занимать меньше места (сжиматься)
align-self: auto | flex-start | flex-end | center | baseline | stretch
изменить своё положение на поперечной оси, переопределив для себя значение свойства align-items
order: позиция
визуально изменить порядок расположения элементов вдоль главной оси.
Feedback