Результаты поиска по запросу "css-grid"
Разместите полную демонстрацию. Это может быть проблемой, которую можно преодолеть.
у создать сетку с адаптивными квадратами. Я чувствую, что должен быть в состоянии сделать это с помощью CSS Grid layout, но у меня возникли проблемы с установкой высоты каждого квадрата, равной ширине. Также возникают проблемы при установке ...
Ценю, если полезно. Игнорировать, если нет.
ользую сетку CSS для макета некоторых элементов, как это ... #container { display: grid; grid-template-columns: 16.666% 16.666% 16.666% 16.666% 16.666% 16.666%; } .item { background: teal; color: white; padding: 20px; margin: 10px; }<div ...
Я добавил это, но это просто делает его выпадать внизу ... Я пробовал Object-fit - но это ничего не делает
я есть CSS-макет сетки с кучей областей и фотоконтейнером. Я не знаю как: контролировать размер фотографии, чтобы она находилась в пределах сетки сохраняйте ширину фотографии на уровне 100% (таким образом, равную его контейнеру) и ...
на репо W3C
ли выбрать конкретный столбец или строку сетки с помощью CSS? Например, скажем, у меня есть 3 строки на 2 столбца CSS Grid Layout:grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr;, Как выбрать все элементы из второго столбца? ...
Да, у меня уже было это, но я решил, что есть способ растянуть его ...
аюсь выяснить, как получить два столбца моей сетки одинаковой высоты. Вот то, что я после: xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxx x qqqqqqqqqqqqq x x qqqqqqqqqqqqqqq x x qqqqqqqqqqqqq x x qqqqqqqqqqqqqqq x x x x qqqqqqqqqqqqqqq x x x x ...
Flexbox заставил меня мыслить вне традиционных концепций CSS. Теперь Grid заставляет меня мыслить вне гибких концепций. Поведение гибкой упаковки было (ошибочным) соображением, стоящим за моим вопросом. Спасибо за разъяснения.
такжеrepeat() функции легко получить элементы сетки, чтобы обернутьauto-fit / auto-fillкогда есть определенный шаблон длины для столбцов или строкВ приведенном ниже примере все столбцы имеют минимальную ширину 100 пикселей и максимальную ширину 1 ...
https://github.com/w3c/csswg-drafts/issues/1009
дал пример скользящей сетки с фиксированными заголовками, используя технологии «CSS Grid Layout» и «Sticky Position». Для удобства содержимое сетки генерируется скриптом, который, я думаю, работает хорошо. function fillGrid(selector, rows) { ...
Имея этот параметр, вы можете сократить ширину строки-2.
.grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 100px; grid-auto-rows: 60px; grid-gap: 15px; } .col { background-color: tomato; }<div class="grid"> <div class="col"></div> <div class="col"></div> <div ...
я фактически использовал явную ширину для входов, которые я удалил для MVP. однако, это даже не имеет значения, потому что это инструмент, который я создаю только для себя :)
которым причинам два входных диапазона делают верхние два элемента в сетке смещенными по центру. Я предполагаю, что это из-за их теневого стиля DOM. Это действительно так? Кто-нибудь знает, почему диапазоны делают элементы A и B смещенными по ...
Я согласен на часть «display: subgrid», которая по сути означает «нет, это пока невозможно» :)
уководства по CSS-сетке, по-видимому, подразумевают структуру, в которой элементы, расположенные в сетке, являются дочерними элементами самой сетки. <div class="wrapper"> <div>A</div> <div>B</div> </div>где.wrapper имеетdisplay: grid и ...