Я играл с этой приятной демонстрационной страницей CSS Flexbox, и я понимаю большинство концепций, однако я не смог увидеть flex-shrink
в работе, Какие бы настройки я ни применял там, я не вижу разницы на странице.
Из spec:
< "прогибается вырастали >
Этот компонент устанавливает" flex-grow longhand "и указывает flex, который определяет, сколько будет расти элемент гибкости по отношению к остальным элементам гибкости в гибком контейнере, когда положительное свободное пространство. Когда опущено, оно установлено в '1.
<" прогибается термоусадочные >
Этот компонент устанавливает "flex-shrink longhand" и указывает flex, который определяет, насколько гибкий элемент будет усадка относительно остальной части гибких элементов в гибком контейнере когда отрицательное свободное пространство распределяется. Когда он опущен, он установлен на "1. Коэффициент усадки гибки умножается на гибкую основу, когда распределяя отрицательное пространство.
В каких обстоятельствах будет применяться flex-shrink
(т.е. при распределении отрицательного пространства)? Я пробовал пользовательскую страницу с настройкой ширины в элементе Flexbox и (min-) ширины элементов внутри него, чтобы сделать переполнение, но, похоже, это не описанный случай.
Он уже поддерживается?
В качестве решения будет оценен либо набор параметров в связанной демонстрационной версии, либо демонстрация JSFiddle-live.