CSS Flexbox条件包装

Question

我在一个可调整大小的面板中显示了一个瘦列表。列表中的项目本身是动态的（事先未知，并使用angular中的“ ng-for”指令生成）。

我在其中显示项目的面板可以调整大小以进行预设，这是最小宽度的一个因素。假设最小宽度为100px，用户可以将面板的大小调整为200、300或400px。

我需要设置样式的方式有点复杂，我想知道是否有可能。

1. 如果面板为最小宽度（100px），并且列表超出最大高度（300px），则在垂直滚动的单列中显示项目。 （在下面的示例中，您必须滚动才能看到第三项）

  

| item1 |

     

| item2 |

---

  

| item3 |

1. 如果用户调整面板大小并增加宽度，则溢出时，这些项目应开始包装。

  

|项目1 | | item3 |

     

| item2 |

我当时正在使用flex box，想知道是否可以有条件地设置flex-wrap属性。