Результаты поиска по запросу "css-grid"
не работает
.parent { position:fixed; width:100%; left:0; top:14px; display:grid; grid-template-columns:40% 60%; grid-gap:5px; background:#eee; } .left { border:2px solid red; } .right { border:2px solid red; }<div class='parent'> <div ...
на этом вместо этого. Тогда вы можете использовать процентное значение здесь
я проблемы с высотой элемента CSS-сетки. Код, который я использую: .gridContainer { border: thin solid black; background: rgba(255, 0, 0, 0.5); display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; width: 100px; height: 100px; ...
Вот полный пример:
есть неявная сетка сgrid-auto-rows а такжеgrid-auto-columns, Однако мы также можем использоватьgrid-template-rows/grid-template-columns в комбинации сrepeat а такжеauto-fit создать явную неявную сетку. Есть ли что-нибудь, что мы можемтолько ...
Ничто другое, что я пробовал, казалось, не сработало. Может быть, кто-то еще может найти решение. Или, может быть, это ограничение в текущей итерации Grid.
работает должным образом, когда я добавляю автозаполнение или автозаполнение вместо числа. grid-template-columns: repeat(auto-fit, minmax(max-content, max-content)); [/imgs/UNgn6.jpg] Но это работает правильно, когда я добавляю число вместо ...
Обе коробки появляются справа для меня в Chrome 72
сто заметил некоторые значенияalign-self собственность, которую я не видел раньше. Чтоstart, end, self-start, а такжеself-end и чем они отличаются отflex-start а такжеflex-end? Я имел в видуруководство по ...
Это решило это отлично, спасибо
у меня есть простой набор из трех абзацев на мобильном устройстве, который я хочу стилизовать в сетке на больших окнах просмотра без изменения исходного порядка. В первом разделе может быть что угодно, от нескольких строк до отсутствия контента ...
Эти два вместе должны достичь желаемого эффекта.
ался установитьminmax() дляgrid-template-rows и что достаточно интересно, результатом было то, что ряды сетки простирались до максимумаminmax() вместо мин. Как сделать так, чтобы строки сетки оставались с минимальным объявленным размером, а ...
bugs.chromium.org/p/chromium/issues/detail?id=833837
лкнулся с немного странным поведением. По крайней мере, мне это кажется странным. Вы можете проверить это здесь:https://fiddle.jshell.net/mxmcd9Lw/8/show/ [https://fiddle.jshell.net/mxmcd9Lw/8/show/] В основном, когда высота элемента ...
Вы можете использовать фиксированную позицию с трюком с нулевым преобразованием:
я есть 1 х 6 сетка. Я хочу показать ручку изменения размера при наведении на элемент сетки. Для этого у меня есть 2 округленных абсолютно позиционированных div внутри элемента сетки. Я поместил в середине края с обеих сторон предмета. Я хочу, ...
Не в ряд, а между сетками с разным содержанием.
ент ниже использует CSS Grid для увеличения количества столбцов для широких контейнеров. Для узких контейнеров (например, раскомментируйтеwidth: 80vw или изменить размер примера), он добавляет неявные строки (только 2 явные вgrid-template-rows ...