Чтобы сайт работал правильно, используйте последнуюю версию
Google Chrome
,
Firefox
или
Internet Explorer
.
Закрыть
Создать набор
Подборка
Язык
Русский
English
Войти
Искать
наборы и папки
наборы
папки
только с картинками
только со звуком
созданные автором
html -flexbox
vaide
, Карточек: 13
Patterns gramar1 time
vaide
, Карточек: 24
lern7
vaide
, Карточек: 47
lern6
vaide
, Карточек: 72
lern5
vaide
, Карточек: 52
lern2
vaide
, Карточек: 54
lern1
vaide
, Карточек: 36
1
vaide
, 1 набор
B1
vaide
, Карточек: 18
По страницам:
1
с-ва 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: позиция
визуально изменить порядок расположения элементов вдоль главной оси.
Отзыв