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

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

179 html  css  centering  css-grid 

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

153 css  grid-layout  css-grid 

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

134 html  css  flexbox  css-grid 

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

126 html  css  css-grid 

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

110 css  flexbox  grid-layout  css-grid