🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Функция находится в статусе ограниченной доступности в Baseline.

Функция fit-content() в CSS помогает ограничить размер элемента, задав границы — не меньше min-content, не больше max-content. Она полезна, когда нужно динамично адаптировать ширину или высоту, чтобы контент хорошо умещался, но не превышал определённые пределы.

Пример использования:

.box {
  width: fit-content(200px);
}

Здесь ширина элемента box не превысит 200 пикселей, одновременно подстраиваясь под содержимое. Это удобно, когда нужно сделать размеры гибкими, но с лимитами.

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.