Как вставить пустую строку в сетку CSS динамического столбца?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как вставить пустую строку в сетку CSS динамического столбца?

Сообщение Anonymous »

Я использую сетку CSS, которая динамически охватывает ячейки по всей длине и переходит на новую строку, если не остается места. Пока все хорошо (см. ниже):

Код: Выделить всё

.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
}
Но теперь я хотел бы вставить пустую строку, охватывающую всю, начиная с самого начала. Вот так:

Код: Выделить всё

a   a   a   a
a   a   a
X   X   X   X
a   a   a   a
a   a
Возможно ли это с помощью сетки CSS и как?


Подробнее здесь: https://stackoverflow.com/questions/779 ... n-css-grid
Ответить

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

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

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

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

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