Мобильная версияКогда к контейнеру display: flex применен flex-wrap: Wrap, элементы все равно пытаются занять все оставшееся доступное пространство. Есть ли способ избавиться от этого дополнительного пространства справа от внутренних элементов или, скорее, от родительского элемента, не пытаясь по умолчанию занимать 100% внешнего пространства?
Как вы можете видеть на изображении, мог бы быть уже, если бы flex-элемент не пытался занять все пространство, оставшееся после переноса.
Вот аналогичный случай, но упрощенный. Когда вы начинаете уменьшать окно для переноса элементов, внутренние элементы calendar занимают всю ширину, хотя в этом нет необходимости. Что мне здесь не хватает? Может ли блок «» автоматически занимать меньше места? .actions { дисплей: гибкий; оправдание-содержание: пространство между; } .календари { дисплей: гибкий; разрыв: 24 пикселя; flex-wrap: обертка; } .нет { отображение: встроенный блок; ширина: 30 пикселей; фон: светло-зеленый; 1 2 3 4 5 6 7 1 2 3 4 5 6 7
Желаемый результат
