Распределение текста (имен) по столбцам div в зависимости от высоты столбца - PullRequest
0 голосов
/ 03 ноября 2019

Итак, вот моя проблема, я пишу одностраничное приложение, использующее реагирование и тахионы для CSS.

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

Имена представляют собой один список, содержащий строки.

В общей сложности максимальное количество может быть 60 имен, и столбцы всегда будут пытаться заполнить столько места, сколько высотанасколько это возможно (в зависимости от разрешения экрана и т. д.)

Если один столбец заполнен, я хочу начать заполнять следующий, а когда столбец 2 заполнен, я хочу создать третий столбец.

поэтому мой вопрос следующий:

  • Как я могу динамически определить, когда столбец заполнен, поэтому мне нужно создать новый столбец и начать заполнять имена во втором столбце?

Столбцы должны заполнять все пространство, которое они получают, и имена затем будут заполняться. Таким образом, синий столбец не может расти по мере увеличения имен, как на картинке.

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

Columns

...