Chvalov
@Chvalov

Возможно ли одним fxFlex-ом добиться нужного вида?

Необходимо получить такой результат:
vy7J3.pngНо проблема вот в чем:
  1. Если в блоке fxLayout="row wrap" fxLayoutGap="25px"
    для элемента задать fxFlex="20", в строке вмещается 3 элемента, а не 4 из-за отступов fxLayoutGap в 25px

    В инспекторе смотрю для элемента задано max-width: 20%

    Думал решить проблему таким образом, fxFlex="calc(20% - 25px)", но в таком случае в инспекторе уже не максимальная ширина, а min-width: calc(20% - 25px); и вот что получается:
    Suk2brd.png
  2. fxLayoutGap="25px grid" также не решает даной задачи, добавляет лишний горизонтальный скролинг


Как можно решить данную задачу ?
Код тут: https://stackblitz.com/edit/angular-j3pgzp
  • Вопрос задан
  • 123 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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