Результаты поиска по запросу "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 ...
использование
аюсь создать простую страницу с помощью CSS Grid. То, что я не могу сделать, это центрировать текст из HTML в соответствующие ячейки сетки. Я пытался разместить контент в отдельномdivкак внутри, так и снаружиleft_bg а такжеright_bg селекторы и ...
Боже мой, какое противоречие.
от вопрос уже есть ответ здесь: Центрирование в CSS Grid [/questions/45536537/centering-in-css-grid] 5 ответовЯ столкнулся с этой проблемой недавно. Предположим, у меня есть простой<h1> тег, и я хочу центрировать его по вертикали, поэтому даже ...
Вот основной пример:
даю форму, которая имеет обязательные поля. Чтобы пометить их как обязательные, я ставлю звездочку (*) как::before элемент и плавающий прямо так, чтобы это было в верхнем правом углу поля. У меня проблема в том, что некоторые из этих полей ...
но я следовал за учебниками в Интернете, и все они сказали мне, чтобы выразить это так ... Есть ли какая-то причина, по которой вы говорите мне так сказать? у вас есть какие-либо ссылки ????
у сделать свой сайт, используя систему CSS сетки, но, похоже, он не работает. Вот мой код: .grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "logo faq" "about-us"; } .logo { ...
! Я попробовал flex, flex-grow, Grow и т. Д. Перед публикацией: p
ли аналогflex-grow длясетка [https://developer.mozilla.org/en-US/docs/Web/CSS/grid]свойство ? Я бы хотел, чтобы мои области сетки содержали контент, который они получают, но некоторые области занимают больше места, чем другиеflex-grow ...
stackoverflow.com/q/42176419/3597276
способ автоматически генерировать сетку, которая всегда заполняет доступное пространство, в то время каксокращениеэлементы, пока другой элемент не может быть добавлен. Большинство реализаций адаптивной сетки используют что-то, связывающее ...
Я не могу подчеркнуть это достаточно - половину боли гридов решают, просто используя autoprefixer на вашем этапе сборки. Напишите свой CSS стандартным способом и просто позвольте авторефиксору выполнить свою работу, автоматически преобразовав все свойства старых спецификаций. Когда вы решите, что не хотите поддерживать IE, просто измените одну строку в конфигурации браузера, и вы удалите весь специфичный для IE код из ваших встроенных файлов.
ользую следующую разметку HTML для моей сетки. <section class="grid"> <article class="grid-item width-2x height-2x">....</article> <article class="grid-item">....</article> <article class="grid-item">....</article> <article ...
Собственность объединена.
а ситуация с поддержкой браузера в отношении CSS Grid? Я осматриваюсь и с трудом понимаю всю картину о совместимости. Если я пойду кМогу ли я использовать [http://caniuse.com/#search=css%20grid] Вроде бы почти все браузеры его поддерживают. Но ...