Как сделать 30 столбцов с автоматической шириной с помощью CSS-сетки?

Я никогда раньше не использовал CSS Grid, поэтому, пожалуйста, извините мне, если это простой вопрос. Мне нужно создать сетку шириной 30 столбцов - автоматическую ширину, которая настраивается с помощью окна браузера или родительского div. Я прочитал документацию, но я не могу найти код, который просто создает x столбцов с автоматической шириной. Как я могу этого добиться?


css css-grid
person Liz    schedule 05.06.2018    source источник

Ответы (1)


arrow_upward
2
arrow_downward 

.grid-container {
   display: grid;
   grid-template-columns: repeat(30, 1fr);
}

Этот код создает контейнер сетки с 30 столбцами, каждый из которых имеет равную долю свободного пространства в строке. Вы также можете попробовать заменить 1fr на auto (ширина содержимого) или min-content (минимальная ширина столбца после всех разрывов строк) .

person Michael Benjamin    schedule 05.06.2018