AlexanderBelov
@AlexanderBelov
Frontend developer

Как выровнять Flexbox, когда разная высота элементов (в рендере *ngFor)?

Как можно выровнять элементы flex'ом в Bootstrap 4, которые рендерятся через *ngFor в Angular2 прилаге?
Например, мне нужно выровнять по bottom самого высокого из них все остальные.
Если бы можно было для "более высоких" элементов прописать в классе вручную, то было бы просто. А в рендере *ngFor не могу понять, как такое реализовать.

d3cbe2d0ebdb478f9738dc7b2348a2e7.jpg
  • Вопрос задан
  • 1988 просмотров
Решения вопроса 1
moiseykin
@moiseykin
߷ крутится, % мутятся
Нужно сделать поток colunm, wrap и высоту для flex контейнера
.flex-container {
  height: 300px;
  flex-flow: column wrap;
  align-content: flex-start;
}

Демо.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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