У меня есть тощий список, который я показываю на панели с изменяемыми размерами.Элементы в самом списке являются динамическими (неизвестными ранее и сгенерированными с использованием директивы «ng-for» в угловых значениях).
Панель, в которой я показываю элементы, может быть изменена до предустановки, чтофактор некоторой минимальной ширины.Допустим, минимальная ширина составляет 100 пикселей, пользователь может изменить размер панели до 200, 300 или 400 пикселей.
Способ, которым мне нужно стилизовать, немного сложен, и мне интересно, возможно ли это вообще.
- Если панель имеет минимальную ширину (100 пикселей), показывать элементы в одном столбце с вертикальной прокруткой, если список переполняет максимальную высоту (300 пикселей).(в приведенном ниже примере вам нужно прокрутить, чтобы увидеть 3-й элемент)
| item1 |
| item2 |
| item3 |
Если пользователь изменяет размеры панели и увеличивает ширину, при переполнении элементы должны начинать перенос.
| item1 || item3 |
| item2 |
Я играл с flex box и задавался вопросом, могу ли я условно установить свойство flex-wrap.