想要做一个能够自适应的卡片布局,该怎么做?-灵析社区

PX_13

想要做一个能够自适应的卡片布局,该怎么做? 就是能够根据里面方块的数量,去填满整个大方块,小方块的数量不确定。 ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241028/ad30eb1211b1ab171938f70012ea03d0.png) ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241028/85ca6a4e11646b461cf7f5f9c2e2a2a6.png)

阅读量:12

点赞量:0

问AI
系统学习一下 Flex 布局,阮一峰的教程写的还不错: "https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html" (https://link.segmentfault.com/?enc=YyrOuHT%2BCACieqQrDBX%2FYQ%3D%3D.myFfZ%2FHi6YTxjBqCDCjCoRv9rXpceonAujgHNzEo8x23SEiUOll0PhwJybTjP4lK%2BCWwER4xcwsXjorVLCmKFw%3D%3D) 当然也可以看 Mozilla 的(不过只有部分中文) "https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_flexible..." (https://link.segmentfault.com/?enc=mZyXu%2BKbvbWHq7RIKHN%2Bpg%3D%3D.aNqfuJZuOOQ5kK5YMG59Qp%2FK%2BYgrKz%2FHpkCaXTCRQnJE9K5Mha5mu5vt1f9c0pzHXks2EFn4Y%2FdpIxOPIOofD20gqKP57W05zI9YyU2W1wA2qgdy%2Fuct9OCgxdWMisPw3Fyi2B5a2HFLb5c1brZEKQ%3D%3D)