CSS GRID - Следующий ряд равномерно взять на 100% ширину и пространство. ⇐ Html

[Anonymous]

У меня есть список элементов подряд. Я хочу, чтобы каждый предмет занял минимальную ширину. Когда пользователь изменяет размер экрана, я хочу, чтобы элементы переполнились в следующую строку. < /P>


.container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
align-items: center;
}

div {
text-align: center;
}< /code>

One
Two
Three
Four
Five
Six
Seven
Eight
Nine
Ten
< /code>
< /div>
< /div>
< /p>
Я хочу, чтобы последняя строка всегда занимала 100% ширины. Это выполнимо с сеткой CSS?One Two Three Four Five Six Seven Eight
Nine Ten
< /code>
или в более плотном пространстве < /p>
One Two Three Four
Five Six Seven Eight
Nine Ten


Подробнее здесь: https://stackoverflow.com/questions/787 ... ems-evenly