Flex

Меню

На головну сторінку

К прикладу роботи

Усі навички
Усі прикладу

Пояснення

1

2

3

4

5

Приклад коду

Важливо

Щоб побачити приклад роботи на Флексах, раджу жмякнуть на Приклад роботи, що знаходиться в панелі меню

initial

Значення за замовчуванням

Наслідується для кожного перечисленного елемента

inherit

Наслідує властивості найближчого батьківського елемента

Наслідується для кожного перечисленного елемента

Поведінка по вертикалі

(align-items)

flex-start

Center

flex-end

stretch

baseline

Поведінка по горизонталі

(justify-content)

flex-start

Center

flex-end

space-between

space-around

space-evenly

Перенос елемента

(flex-wrap)

nowrap

wrap

wrap-reverse

Вимк.

Перезаписує значення align-items

(align-self)

3 елемент

flex-start

Center

flex-end

stretch

baseline

auto

Міняє порядок

(order)

Приклад

Когось я забув !?

Вимк.

Розширення та звуження елемента

(flex)

1

0

80px

Міняє логіку будування блоків

(flex-direction)

row

row-reverse

column

column-reverse