letehaha
@letehaha
Вникаю вo front-end

Как сделать что бы элементы не плыли?

Есть вот такой вид в идеале:619547497f584a1cb185a915cc8b1c17.png

Такой вид в реале, если контент неравномерный:f7effbaabe00418cbd7fd27291bf7b4c.png

Как сделать что-то на подобии display: flex для контейнера? Флексы юзать не могу, ибо обязательно IE9. Сейчас все построено на float: left.
  • Вопрос задан
  • 102 просмотра
Решения вопроса 1
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
Очевидно же - задать фиксированную высоту для блочков.

Либо задать блокам display: inline-block; vertical-align: top;, там правда трабла будет с промежутками.

А вообще, конечно, самым правильным было бы использовать display: flex; и @supports {}.
Где работает flexbox - будет flexbox, а где нет - обычные inline-block или float left.

Если средствами CSS нельзя, из-за изменения размеров контентом.

Юзайте JS, отлавливайте самый высокий блочок и остальные выравнивайте с ним.
В принципе, JS смена высоты для таких задач - постоянная практика.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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