Почему при «inline-flex» меняется высота элемента?

Здравствуйте.

Просьба помочь понять, почему при изменении для элемента .checkbox свойства display: flex; на display: inline-flex, меняется высота элемента?

P.S. Решает проблему font-size: 0; для родительского элемента .filter__item (как для решения проблемы с отступами при inline-block). Вот только никак не могу понять, высоту чего и где именно оно убирает, что проблема решается.

https://codepen.io/hisbvdis/pen/BaydLme

5e066b0736344673984100.jpeg
  • Вопрос задан
  • 61 просмотр
Решения вопроса 1
xdevelx
@xdevelx Куратор тега CSS
Web Developer
А когда у img появляется неожиданный отступ снизу не возникает вопросов? Это же inline элемент.
Просто добавить vertical-align: middle;(или top)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы