flex怎么做九宫格布局

图片描述

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

阅读 11.6k
2 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题