Вопросы с тегом «css-grid»

179
Центрирование в CSS Grid

Я пытаюсь создать простую страницу с помощью CSS Grid. Что я не могу сделать, так это центрировать текст из HTML в соответствующие ячейки сетки. Я попытался содержание укладывания в отдельных divс как внутри , так и за ее пределы left_bgи right_bgселекторы и играть с некоторыми из свойств CSS не...

153
Запретить содержимое от расширения элементов сетки

TL; DR: Есть ли что-то похожее table-layout: fixedна CSS-сетки? Я попытался создать календарь на год с большой сеткой 4x3 для месяцев и вложенными сетками 7x6 для дней. Календарь должен заполнить страницу, поэтому контейнер годовой сетки получает ширину и высоту 100% каждый. .year-grid { width:...

134
Макет кладки только на CSS

Мне нужно реализовать довольно нестандартную планировку кладки. Однако по ряду причин я не хочу использовать для этого JavaScript. Параметры: Все элементы имеют одинаковую ширину Элементы имеют высоту, которую невозможно вычислить на стороне сервера (изображение плюс различное количество текста) Я...

126
Обтекание сетки CSS

Можно ли обернуть сетку CSS без использования медиа-запросов? В моем случае у меня есть недетерминированное количество элементов, которые я хочу разместить в сетке, и я хочу, чтобы эта сетка обернулась. Используя Flexbox, я не могу надежно и красиво разместить вещи. Я бы тоже хотел избежать кучи...

110
Строки одинаковой высоты в CSS Grid Layout

Я так понимаю, что этого невозможно достичь с помощью Flexbox, поскольку каждая строка может иметь только минимальную высоту, необходимую для размещения ее элементов, но можно ли этого достичь с помощью новой CSS Grid? Для ясности, я хочу, чтобы все элементы сетки были одинаковой высоты во всех...