n1ro°
RU

Калькуляторы / Windows / Linux / ПО

CSS Grid: колонки, gap и ширина карточки

Оцените число колонок и ширину карточек для CSS Grid по ширине контейнера, minmax и gap; пример auto-fit.

От 1 до 100 000
От 1 до 100 000
От 0 до 10 000
От 1 до 1 000

Как получается результат

cols=floor((W+gap)/(min+gap)); card=(W−gap·(cols−1))/cols.

Пример

Контейнер 1000, min 200, gap 16 → 4 колонки.

Ограничения

Арифметика layout, не движок браузера.

Источники

Проверено: · Актуальность: 14.09.2026 · Редакция N1RO

Нашли ошибку? Сообщить