在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

flex怎么做九宮格布局

圖片描述

以屏幕寬度為九宮格寬度,每個(gè)項(xiàng)目有間隙,且為正方形

回答
編輯回答
默念

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

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

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

2018年8月16日 13:04