В чем разница между display:flex и display:inline-flex?

Question

[olya_097]

В чем разница между display:flex и display:inline-flex?

Comments

[Сергей delphinpro]

такая же, как и между block/inline-block, table/inline-table, grid/inline-grid

Answer 1

[Владимир Варламов]

Особенности inline- элементов:

- им можно задавать размеры, рамки и отступы, как и блочным элементам;
- их ширина по умолчанию зависит от содержания, а не растягивается на всю ширину контейнера;
- элементы в одной строке выравниваются вертикально подобно строчным элементам (verticacal-align)

Answer 2

[SagePtr]

Точно такая же, как между block и inline-block

Answer 3

[archelon]

css.yoksel.ru/flexbox - тут есть наглядное объяснение.