Содержание заполнить первый столбец, а затем перейти к следующему - PullRequest
0 голосов
/ 06 апреля 2019

Я создаю новый макет страницы с 3 столбцами.Я хочу, чтобы мое содержимое, состоящее из нескольких различных элементов, заполняло доступную высоту первого столбца, а затем переходило к следующему столбцу и так далее.Пользователь может добавлять элементы по мере необходимости.

Я использую Angular 7 с Flex-Layout.Я посмотрел на https://tburleson -layouts-demos.firebaseapp.com / # / docs , но ни один из них не похож на мою проблему.

Я также посмотрел: - автоматически обрабатывать 2 столбца текста с помощью CSS - Заставить контейнер сетки заполнять столбцы, а не строки

, но безрезультатно.

Макет столбца CSS разбивает мое содержимое на 3столбцы одинаково.Он не заполняет первый столбец перед переносом.

Я бы хотел, чтобы он заполнил первый столбец, затем второй и, наконец, третий.Неважно, может ли это быть достигнуто с помощью flex или Css Grid / Columns

1 Ответ

0 голосов
/ 07 апреля 2019

Мне удалось это решить.

Эти две строки CSS на родительском div:

column-count: 3; column-fill: auto;

Все дочерние элементы теперь автоматически заполняют столбец, а затем переносят

...