如何使一个div内的div的柔性显示

Question

我想知道是否有任何方法可以制作一个flex div，其中包含一些小div，具有固定的宽度和高度，具体取决于用户。这意味着有些用户可能没有div显示，有些用户可能有一百个div显示。

我想知道是否有人有一个想法，如何使这些subdivs种类的主div内的理由，取决于subdivs的数量和屏幕的宽度（例如，宽屏幕的用户可以有就像每行10个细分单元一样，手机上的某个人每行应该看到1或2个项目）。

我知道我可以用硬编码来响应，但是有没有什么办法让智能和干净的CSS代码满足我的期望？

Answer 1

尝试柔性包装特性 - flex-wrap: wrap;

https://jsfiddle.net/kozleek/w86qq9tt/6/

Answer 2

可以这样做，也许可以使用其宽度尺寸为％的细分，例如.subdiv {width：20％;身高：你选择大小;}。通过放置属性FLEX-WRAP，细分将水平分布的方式将根据屏幕大小而有所不同。如果你真的想要使用固定的尺寸（宽度）的细分，必须有必要在你的CSS上进行媒体查询。我希望它能帮助你。