Вопросы с тегом «grid-layout»

380
Flex-box: выровнять последний ряд по сетке

У меня есть простая схема flex-box с контейнером, как: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } Теперь я хочу, чтобы элементы в последнем ряду были выровнены с другим. justify-content: space-between;следует использовать, потому что ширина и высота сетки могут...

212
GridView VS GridLayout в приложениях для Android

Я должен использовать Grid для реализации браузера фотографий в Android. Итак, я хотел бы знать разницу между GridView и GridLayout . Так что я выберу правильный. В настоящее время я использую GridView для динамического отображения...

202
Как добавить интервал между столбцами в Bootstrap?

Я уверен, что есть простое решение этой проблемы. В принципе, если у меня есть два столбца, как я могу добавить пробел между ними? например, если HTML это: <div class="col-md-6"></div> <div class="col-md-6"></div> Выводом будет просто два столбца рядом друг с другом,...

170
Сетка отзывчивых квадратов

На этот вопрос есть ответы на Переполнение стека на русском : Сетка из адаптивных (отзывчивых) квадратов Мне интересно, как бы я мог создать макет с адаптивными квадратами . Каждый квадрат будет иметь вертикально и горизонтально выровненный контент. Конкретный пример показан ниже ......

153
Запретить содержимое от расширения элементов сетки

TL; DR: Есть ли что-то похожее table-layout: fixedна CSS-сетки? Я попытался создать календарь на год с большой сеткой 4x3 для месяцев и вложенными сетками 7x6 для дней. Календарь должен заполнить страницу, поэтому контейнер годовой сетки получает ширину и высоту 100% каждый. .year-grid { width:...

110
Строки одинаковой высоты в CSS Grid Layout

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