Как сделать одинаковый отступ вниз для всех кнопок?

Question

[expp]

Добрый день.
Есть три колонки(прикрепил), в них есть текст и кнопка. Как сделать так, чтобы все кнопки находились на одном уровне, то есть независимо от объема текста?
Спасибо!

Answer 1

[Вадим]

Вариантов масса, но, пожалуй, лучшим в данном случае будет:
• сделать карточке display: flex; flex-direction: column;
• кнопке - margin-top: auto;
Профит - кнопка всегда прижата к низу карточки.

Таким образом, если у контейнера карточек так же стоит display: flex, то все карточки в рамках одной строки будут всегда одной высоты, и в рамках одной строки все кнопки будут на одном уровне. При этом в каждой карточке может быть любое количество текста.

Answer 2

[Snowfall_Zh]

Задай тексту ограниченную высоту и все.

Answer 3

[Даниил]

Блоку в котором текст, который надо обрезать, задать overflow: hidden и фиксированную высоту height

Comments

[Даниил]

Или Вам надо чтобы эти три блока были разной высоты в зависимости от объёма текста, а кнопки имели одинаковый отступ снизу?