Inline_block едут блоки когда вношу контент внутрь. Задаю блоку Overflow Hidden все приходит в норму. Что это, почему?

Question

[Alex Titakoff]

Inline_block едут блоки когда вношу контент внутрь. Просто улетают вниз. Задаю блоку Overflow Hidden все приходит в норму. Что это, почему?

Answer 1

[Mr Crabbz]

vertical-align: top для inline-block поставьте

Comments

[Alex Titakoff]

Благодарю....сработало, посмотрим насколько это будет практично
Оптимальное решение все равно Flex-box? так или иначе или не всегда?

[Mr Crabbz]

Alex Titakov: Это от задачи зависит. Иногда флексбокс использовать - лишняя трата времени в простой задаче.

[Alex Titakoff]

Роман Краббз: А причина этого?
Вертикальное выравнивание ПО ЦЕНТРУ?...ли?

[Alex Titakoff]

*явления

[Mr Crabbz]

htmlbook.ru/css/vertical-align - у этого свойства для инлайн-блоков по умолчанию стоит middle.

[Mr Crabbz]

Вернее, baseline - по линии текста. Видимо текст в блоках у вас ниже начинается, вот оно и равняется по нему.

[Alex Titakoff]

Роман Краббз: ну да.....Спасибо!