Результаты поиска по запросу "css-grid"

1 ответ

Это решило это отлично, спасибо

у меня есть простой набор из трех абзацев на мобильном устройстве, который я хочу стилизовать в сетке на больших окнах просмотра без изменения исходного порядка. В первом разделе может быть что угодно, от нескольких строк до отсутствия контента ...

1 ответ

Я согласен на часть «display: subgrid», которая по сути означает «нет, это пока невозможно» :)

уководства по CSS-сетке, по-видимому, подразумевают структуру, в которой элементы, расположенные в сетке, являются дочерними элементами самой сетки. <div class="wrapper"> <div>A</div> <div>B</div> </div>где.wrapper имеетdisplay: grid и ...

1 ответ

Добавьте это к своему коду:

я есть пустой столбец в начале, и я не могу понять, почему? <ul class="inrpager clearfix"> <li class="inrpager-previous"> </li> <li class="inrpager-title">Overview</li> <li class="inrpager-next">test</li> </ul> Код CSS отображает шаблон ...

ТОП публикаций

3 ответа

Я понимаю вашу точку зрения. Одним из решений будет медиа-запрос для изменения направления гибкого движения на столбец до определенной ширины. Но это все еще не 100% отзывчивое простое решение без использования сложных CSS / Javascript

ел бы добиться эффекта сетки в CSS с элементами, которые имеют одинаковую ширину по размеру, но не по высоте. Я хотел бы, чтобы элемент под ним всегда был на...

1 ответ

Разница между процентами и франками в CSS Grid Layout

у у меня есть переполнение на оси X в следующем фрагменте? Переполнение генерируется после примененияgrid-gap: 10px на моем.body сетка контейнера. div:not(.header):not(.body):not(.row) { border: 1px solid grey; } .header { margin-top: 20px; ...

6 ответов

Так что это будет исправлено, даже если верхние столбцы не равны нижним столбцам

вая текущий пример сетки CSS, как я могу свернуть границы, чтобы избежать двойных границ? Это такая простая вещь, чтобы достичь с помощью таблицы HTML. Как мне это сделать, используяdisplay: grid ? .wrapper { display: grid; ...

2 ответа

Разместите полную демонстрацию. Это может быть проблемой, которую можно преодолеть.

у создать сетку с адаптивными квадратами. Я чувствую, что должен быть в состоянии сделать это с помощью CSS Grid layout, но у меня возникли проблемы с установкой высоты каждого квадрата, равной ширине. Также возникают проблемы при установке ...

1 ответ

В чем разница между align-items и align-content в Grid Layout?

Я прочиталПолное руководство по Grid, но все еще путают с различиями между двумя наборами свойств контейнера, а именно

1 ответ

Обе коробки появляются справа для меня в Chrome 72

сто заметил некоторые значенияalign-self собственность, которую я не видел раньше. Чтоstart, end, self-start, а такжеself-end и чем они отличаются отflex-start а такжеflex-end? Я имел в видуруководство по ...

1 ответ

Это приносит еще одну проблему. Вы должны опубликовать новый вопрос с акцентом на изображениях границ и перемещениях, чтобы они могли получить полное внимание.