Запитання з тегом «grid-layout»

У мене простий макет флеш-коробки з контейнером типу: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } Тепер я хочу, щоб елементи в останньому ряду були вирівняні з іншим. justify-content: space-between;слід використовувати, оскільки ширину та висоту сітки можна регулювати. В даний час це виглядає так Тут я хочу, щоб …

378 css  flexbox  grid-layout 

Мені потрібно використовувати Grid для реалізації Photo Browser в Android. Отже, я хотів би знати різницю між GridView і GridLayout . Так що я виберу правильний. В даний час я використовую GridView для динамічного відображення зображень.

212 android  grid  android-gridview  grid-layout 

Я впевнений, що тут є просте рішення цієї проблеми. Якщо я маю два стовпчики, як я можу додати пробіл між ними? наприклад, якщо HTML: <div class="col-md-6"></div> <div class="col-md-6"></div> Вихід буде просто двома стовпцями поруч один з одним, займаючи всю ширину сторінки. Скажіть, ширина була встановлена, щоб 1000pxтоді кожен дів був …

202 html  css  twitter-bootstrap-3  grid-layout 

На цей питання є відповіді на Stack Overflow на російському : Сетка з адаптивних (чуйних) квадратов Мені цікаво, як би я пішов про створення макета з чуйними квадратами . Кожен квадрат мав би вміст, розташований вертикально і горизонтально . Конкретний приклад наведено нижче ...

170 html  css  responsive-design  grid-layout  aspect-ratio 

TL; DR: Чи є щось подібне table-layout: fixedдо сіток CSS? Я спробував створити календар з переглядом на рік з великою сіткою 4х3 на місяці, і в ній вкладено сітки 7х6. Календар повинен заповнювати сторінку, тому контейнер з сіткою року отримує ширину та висоту 100% кожен. .year-grid { width: 100%; height: …

153 css  grid-layout  css-grid 

Я вважаю, що цього неможливо досягти за допомогою Flexbox, оскільки кожен рядок може бути лише мінімальною висотою, необхідною для розміщення його елементів, але чи можна цього досягти за допомогою новішої CSS Grid? Щоб було зрозуміло, я хочу однакову висоту для всіх елементів у сітці по всіх рядках, а не лише …

101 css  flexbox  grid-layout  css-grid 

Я не міг зрозуміти, як зробити стовпець bootstrap таким: col 3 | col 4.5 | col 4.5

80 twitter-bootstrap  twitter-bootstrap-3  multiple-columns  grid-layout