- Теория
- Теория
Многострочный флекс-контейнер и flex-shrink
Во всех примерах, рассмотренных раньше, флекс-контейнер был однострочным, ведь перенос флекс-элементов на новую строку по умолчанию запрещён — работает flex-wrap: nowrap;
.
А как будут растягиваться и сжиматься элементы в многострочном контейнере, с flex-wrap: wrap;
?
В таком контейнере свойство flex-shrink
будет работать как обычно, но необходимость в нём будет возникать намного реже. Ведь при нехватке места в строке флекс-элементы будут переноситься на новую строку.
Но если появятся флекс-элементы, базовый размер которых больше размера флекс-контейнера, то такие элементы будут сжиматься и занимать целую строку. Наверное, это единственный случай, когда flex-shrink
делает что-то полезное в многострочном контейнере.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.