Что делает свойство CSS inline-flex
Когда применяется это свойство, дочерние элементы ведут себя так же, как и при обычном display: flex.
Но элемент, которому назначено inline-flex, ведет себя как строчный.
Пример с inline-flex
Здесь красным блокам задано display: inline-flex, поэтому они располагаются в строку.
1
2
3
1
2
3
1
2
3
Пример с flex
А здесь красным задано display: flex, поэтому они размещаются вертикально (как со свойством block).
1
2
3
1
2
3
1
2
3
(Код можно открыть в инструментах разработчика.)
Категория:
Добавить комментарий