如何在div

Question

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

我想知道是否有人知道如何在主div中使这些细分类型合理，具体取决于细分的数量和屏幕的宽度（例如，具有大屏幕宽度的用户可能会喜欢每行10个细分，手机上有人应该看到每行1或2个项目。

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

Answer 1

尝试flex-wrap属性 - flex-wrap: wrap;

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

Answer 2

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