Результаты поиска по запросу "css-grid"
Абсолютно гениально и очень ценится. Спасибо, что так подробно объяснили проблему и заставили flex box работать!
лал шаблон сетки со строками 1fr 1fr 1fr. В среднем ряду приведен список встроенных изображений. В Chrome и Firefox изображения учитывают высоту строки сетки и корректно адаптируются. Однако в Safari 10.1.2 и Safari TP 31, по-видимому, ...
Неправильное расположение областей сетки в CSS Grid
grid-template-areas: "....... header header" "sidebar content content";изменено на: grid-template-areas: "....... header header" "sidebar header content";Все разваливается. Как я могу добиться того же эффекта с помощью CSS Grid ...
! Я попробовал flex, flex-grow, Grow и т. Д. Перед публикацией: p
ли аналогflex-grow длясетка [https://developer.mozilla.org/en-US/docs/Web/CSS/grid]свойство ? Я бы хотел, чтобы мои области сетки содержали контент, который они получают, но некоторые области занимают больше места, чем другиеflex-grow ...
stackoverflow.com/q/42176419/3597276
способ автоматически генерировать сетку, которая всегда заполняет доступное пространство, в то время каксокращениеэлементы, пока другой элемент не может быть добавлен. Большинство реализаций адаптивной сетки используют что-то, связывающее ...
Собственность объединена.
а ситуация с поддержкой браузера в отношении CSS Grid? Я осматриваюсь и с трудом понимаю всю картину о совместимости. Если я пойду кМогу ли я использовать [http://caniuse.com/#search=css%20grid] Вроде бы почти все браузеры его поддерживают. Но ...
на репо W3C
ли выбрать конкретный столбец или строку сетки с помощью CSS? Например, скажем, у меня есть 3 строки на 2 столбца CSS Grid Layout:grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr;, Как выбрать все элементы из второго столбца? ...
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) { ...
я фактически использовал явную ширину для входов, которые я удалил для MVP. однако, это даже не имеет значения, потому что это инструмент, который я создаю только для себя :)
которым причинам два входных диапазона делают верхние два элемента в сетке смещенными по центру. Я предполагаю, что это из-за их теневого стиля DOM. Это действительно так? Кто-нибудь знает, почему диапазоны делают элементы A и B смещенными по ...
Я согласен на часть «display: subgrid», которая по сути означает «нет, это пока невозможно» :)
уководства по CSS-сетке, по-видимому, подразумевают структуру, в которой элементы, расположенные в сетке, являются дочерними элементами самой сетки. <div class="wrapper"> <div>A</div> <div>B</div> </div>где.wrapper имеетdisplay: grid и ...