Чем отличается inline-flex от flex-контейнера?

Inline-flex и flex-контейнер — это понятия из Flexbox. 12

Inline-flex — это значение свойства display, при котором контейнер ведёт себя как строчный элемент, занимая ровно столько места, сколько нужно для отображения его содержимого. 2 Он обтекается другими элементами, при этом его внутренняя часть форматируется как блочный элемент, а сам элемент — как встроенный. 4

Flex-контейнер — это элемент, к которому применяется свойство display: flex или display: inline-flex. 2 После применения одного из этих свойств к элементу он становится «гибким контейнером» и получает возможность управлять расположением и поведением своих дочерних элементов. 2

Таким образом, основное отличие в том, что при использовании flex контейнер занимает всю ширину экрана (как блочный элемент), а при использовании inline-flex — лишь пространство, занимаемое его содержимым. 1