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

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

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»