@expp

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

Добрый день.
Есть три колонки(прикрепил), в них есть текст и кнопка. Как сделать так, чтобы все кнопки находились на одном уровне, то есть независимо от объема текста?
Спасибо!
5ffaeeafb7611103922350.png
  • Вопрос задан
  • 71 просмотр
Решения вопроса 1
MrDecoy
@MrDecoy
Верставший фронтендер
Вариантов масса, но, пожалуй, лучшим в данном случае будет:
• сделать карточке display: flex; flex-direction: column;
• кнопке - margin-top: auto;
Профит - кнопка всегда прижата к низу карточки.

Таким образом, если у контейнера карточек так же стоит display: flex, то все карточки в рамках одной строки будут всегда одной высоты, и в рамках одной строки все кнопки будут на одном уровне. При этом в каждой карточке может быть любое количество текста.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@Snowfall_Zh
Задай тексту ограниченную высоту и все.
Ответ написан
@TheCrossCarrier
Блоку в котором текст, который надо обрезать, задать overflow: hidden и фиксированную высоту height
Ответ написан
Ваш ответ на вопрос

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

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