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

Я намагаюся створити просту сторінку за допомогою CSS Grid. Те, що мені не вдається зробити, - це центр тексту від HTML до відповідних комірок сітки. Я спробував зміст укладання в окремих divз як всередині , так і за її межі left_bgі right_bgселектори і грати з деякими з властивостей CSS не …

179 html  css  centering  css-grid 

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

153 css  grid-layout  css-grid 

Мені потрібно реалізувати досить вибіркову кладку кладки. Однак з ряду причин я не хочу використовувати JavaScript для цього. Параметри: Всі елементи мають однакову ширину Елементи мають висоту, яку неможливо обчислити стороною сервера (зображення плюс різноманітна кількість тексту) Я можу жити з фіксованою кількістю стовпців, якщо доведеться є тривіальне рішення цієї …

134 html  css  flexbox  css-grid 

Чи можна зробити обгортання сітки CSS без використання медіа-запитів? У моєму випадку я маю недетерміновану кількість елементів, які я хочу розмістити у сітці, і я хочу її обернути. Використовуючи Flexbox, я не в змозі надійно просторувати речі. Я також хотів би уникнути купу медіа-запитів. Ось приклад коду : .grid { …

126 html  css  css-grid 

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

101 css  flexbox  grid-layout  css-grid 

Я намагаюся відцентрувати внутрішні елементи <button>-tag за допомогою flexbox justify-content: center. Але Safari їх не центрує. Я можу застосувати той самий стиль до будь-яких інших тегів, і він працює за призначенням (див. <p>-Tag). Тільки кнопка вирівняна за лівим краєм. Спробуйте Firefox або Chrome, і ви побачите різницю. Чи є якийсь …

91 html  css  safari  flexbox  css-grid