Задать вопрос
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
  • Вопрос задан
  • 131 просмотр
Подписаться 1 Простой 4 комментария
Помогут разобраться в теме Все курсы
  • Javascript.ru
    Курс по Angular
    6 недель
    Далее
  • Skillfactory
    Профессия Frontend-разработчик PRO
    14 месяцев
    Далее
  • Компьютерная академия «TOP»
    Frontend разработка
    12 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

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