flex怎么做九宫格布局

图片描述

以屏幕宽度为九宫格宽度,每个项目有间隙,且为正方形

阅读 11.7k
2 个回答

宽度 30%
justify-content:space-around 空白自动分配
flex-wrap: wrap自动换行;

这个要满屏的话 就每个box{width:33.333333vw;height:33.333333vh}
间隙要均衡就建议做在box里面 比如box里面有个innerBox的的iv 然后把box设置下内间距就好了。
这个做法不需要用到flex inlineblock即可 如果一定要用flex记得加上不缩放的跟换行的属性

推荐问题