鍍金池/ 問答/HTML/ flex怎么做九宮格布局

flex怎么做九宮格布局

圖片描述

以屏幕寬度為九宮格寬度,每個項目有間隙,且為正方形

回答
編輯回答
默念

寬度 30%
justify-content:space-around 空白自動分配
flex-wrap: wrap自動換行;

2017年4月30日 01:56
編輯回答
尐飯團(tuán)

這個要滿屏的話 就每個box{width:33.333333vw;height:33.333333vh}
間隙要均衡就建議做在box里面 比如box里面有個innerBox的的iv 然后把box設(shè)置下內(nèi)間距就好了。
這個做法不需要用到flex inlineblock即可 如果一定要用flex記得加上不縮放的跟換行的屬性

2018年8月16日 13:04