Angular Проблема выравнивания FlexLayout - PullRequest
0 голосов
/ 07 апреля 2020

Я пытаюсь добиться следующего макета. желаемый макет

Я бы хотел добиться этого с минимальными css изменениями. Я считаю, что я делаю некоторые ошибки из-за моего непонимания флекс-макета или, возможно, я выбрал неправильный дизайн для реализации своих целей. Насколько я понимаю, дочерний контейнер 1 должен быть столбцом. Но каждая строка в этом столбце должна выровнять свои элементы как строки. Таким образом, у меня может быть некоторый интервал между «Стимулированием продаж автомобилей:» и «Идентификатором стимулирования продаж автомобилей».

Дочерний контейнер 3 должен вести себя так же, как и дочерний 1, но у него гораздо больше пар label: value внутри, и я хотел бы сгруппировать пары и иметь некоторый интервал между другими парами в этой строке.

Любая помощь будет оценена

1 Ответ

0 голосов
/ 08 апреля 2020

Это ближе к желаемому макету, но, безусловно, есть некоторые вопросы о том, как вы пытаетесь это раскладать. Особенно в том, что касается ваших строк и того, что вы пытаетесь расположить части в таблице, даже когда спрашиваете о flex. Надеюсь, это, по крайней мере, даст вам лучшую отправную точку.

https://stackblitz.com/edit/angular-c422vx?file=src%2Fapp%2Fapp.component.css

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...