CSS GRID упаковкаHtml

Программисты Html
Ответить
Anonymous
 CSS GRID упаковка

Сообщение Anonymous »

Можно ли создать обертку сетки CSS без использования медиа-запросов? Используя Flexbox, я не могу надежно пространственно. Я тоже хотел бы избежать куча медиа-запросов..grid {
display: grid;
grid-gap: 10px;
grid-auto-flow: column;
grid-template-columns: 186px 186px 186px 186px;
}

.grid > * {
background-color: green;
height: 200px;
}< /code>

1
2
3
4
< /code>
< /div>
< /div>
< /p>

А и вот изображение GIF: < /p>

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


Подробнее здесь: https://stackoverflow.com/questions/431 ... d-wrapping
Ответить

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

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

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

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

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