Test CSS Flexible Box Layout Module

https://caniuse.com/#search=supports
CSS.supports() API

https://caniuse.com/#search=CSS%20Flexible%20Box
CSS Flexible Box Layout Module

https://habrahabr.ru/post/336466/
Проверяем браузер на поддержку определённого CSS свойства

https://developer.mozilla.org/ru/docs/Learn/CSS/CSS_layout/Flexbox

https://html5book.ru/css3-flexbox/
CSS flexbox

http://htmlbook.ru/metki/flexbox

https://codepen.io/romanlaptev
https://codepen.io/romanlaptev/pen/PooELNa
1
2
3
4
5
6
align-items: flex-start;
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
3
4
5
6
align-items: flex-end;
2
3
4
5
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
align-items: stretch;
2
3
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
5
6
align-items: center;
2
3
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
5
6
align-self: flex-start;
align-self: flex-center;
align-self: flex-end;
align-self: flex-center;
align-self: flex-start;
align-self: flex-end;
justify-content:flex-end;
2
3
justify-content:flex-start;
2
3
4
5
6
7
8
9
10
11
justify-content:center;
2
3
4
5
6
7
8
9
10
11
justify-content: space-around;
2
3
justify-content: space-between;
2
3

Reorder menu items