Предпочитайте неявные строки вместо столбцов при использовании "grid-auto-flow: column" - PullRequest
1 голос
/ 30 января 2020

Я не думаю, что есть решение для этого, возможно, это что-то, что я должен опубликовать как запрос функции с создателями браузера?

Моя проблема в том, что я хочу, чтобы мои элементы текли в направлении столбца:

[1][3]
[2][4]

Итак, я пишу CSS:

.selector {
  display: grid;
  grid-template-columns: 1fr 1fr:
  grid-template-rows: auto auto;
  grid-auto-flow: column;
}

Теперь, если есть больше элементов , я хочу, чтобы он автоматически генерировал больше строк , вот так :

[1][4]
[2][5]
[3][6]

Но вместо этого Сетка генерирует больше столбцов , например:

[1][3][5]
[2][4][6]

Было бы полезно, если бы я мог сказать что-то вроде:

grid-auto-columns: none

Что скажет сетке "не генерировать больше столбцов, чем я вам явно сказал", и единственной альтернативой было бы генерировать больше строк вместо этого.

1 Ответ

1 голос
/ 30 января 2020

Может быть, вы можете использовать:

"grid-auto-flow: columns"

https://gridbyexample.com/examples/example18/

Всегда в элементе отца.

...