Задать вопрос
dsmyk
@dsmyk
Студент

Как отрегулировать расположение блоков внутри блока?

f10059d642054cff9db8045d4bb6184a.png

Есть flex-родитель, в котором 2 flex-блока-ребёнка, в этих детях есть инлайны - иконка и кнопка (для их отображения по центру) и параграф с описанием. Проблема в том, что расположение кнопки зависит от длины описания, что совсем неудобно. Как сделать так, чтобы кнопки независимо от описания находились на одной линии?
  • Вопрос задан
  • 141 просмотр
Подписаться 1 Оценить Комментировать
Решения вопроса 1
@WQP
.item {
   display: flex;
   flex-direction: column;
}

.item .description {
   flex: 1;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
alexfilus
@alexfilus
Senior backend developer
flexible-boxes.wstone.io/#~(1~(c~(~2)~d~'column~t~'body)~2~(t~'main~g~1~c~(~3~4~5)~d~'column~jc~'space-between)~3~()~4~(g~1)~5~())
Либо как указал WQP, либо через фиксированные высоты контейнеров с иконкой и кнопкой, и благодаря flex-родителю всё встанет ровно.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы