display: flex; робить все дочірні елементи гумовими – flex , а не інлайновими або блоковими, як було спочатку. Якщо батьківський блок містить картинки або текст без обгорток, вони стають анонімними flex-елементами.3 сент. 2013 р.
Що робить Flex?
Властивість flex дозволяє, в скороченому форматі, задавати значення властивостей flex-grow, flex-shrink та flex-basis . Значення за умовчанням, яке приймає цю властивість, є auto . Воно відповідає flex: 0 1 auto .
Чим відрізняється display block від Display Flex?
block – елемент веде себе як блоковий. inline-block – елемент поводиться зовні як малий, а всередині як блоковий. flex – елемент стає флекс-контейнером, веде себе як блоковий, а вкладені елементи стають флекс-елементами.