Как в css сделать так чтоб текст был всегда прижат к низу, не зависимо тайтл с переносом или нет?

Question

[Сергей Мурин]

Чтоб были на одном уровне тексты

Comments

[Вадим]

Не нашлось таких вопрос больше, да?
https://qna.habr.com/search?q=%D0%BA%D0%BD%D0%BE%D...

Правила сервиса

2.2 Убедиться в том, что в сети Интернет, и на страницах Сервиса в частности, отсутствуют ответы на данный вопрос. Специально для этого талантливые IT-специалисты создали и развивают поисковые системы Яндекс и Google.

[Ankhena]

Почитайте на Хабре статейку11 вещей которые я узнал, читая спецификацию flexbox

Answer 1

[furashcka]

Соглашусь с ksnk , лучшее решение в вашем случае будет задать одинаковою высоту для заголовков, если вы на 100% знаете что размер заголовка никогда не займёт больше чем 2 строки, то смело задавайте высоту в css, если не уверены, то я бы на вашем месте применил js, а именно вот эту библиотеку https://github.com/liabru/jquery-match-height, она понимает что элементы, которые находятся в разных уровнях DOM, находятся на одной высоте, и к таким элементам применяет css height, чтобы сделать одной высоты

Comments

[Сергей Мурин]

Спасибо большое, сейчас буду пробовать

Answer 2

[ksnk]

Надо на верстку смотреть, но обычно - заголовку блока задают либо фиксированный размер+overflow:hidden, либо min-height. К примеру 2.5em (подбирается по месту, чтобы влезало точное количество строк). В этом случае в заголовок будет помещаться 2 строки текста. и все описания, расположенные ниже, окажутся на одной высоте. Если min-height задать, то очень большой заголовок не будет обрезан, а поместится полностью, но именно этот блок окажется сдвинут. Останется только вручную посмотреть что не влезло и поменять заголовки, или оставить так...