使用彈性盒子布局出一下效果
? ? 一個盒子中的小盒子有無數(shù)個顽馋,實現(xiàn)并排布局滴某,并且間距要相同
實現(xiàn)效果圖
代碼實現(xiàn)
????大盒子設置
? ? .box{
? ??????display: flex;
????????flex-wrap: wrap;
????}
? ? 小盒子設置號大小,外邊距等樣式
? ? .item{
? ??????width: 160rpx;
????????height: 160rpx;
????????border: 2rpx solid #000;
????????margin-right: 20rpx;
????}
????最后要使用為元素設置
????.item:nth-child(3n){
????????margin-right: 0;
????}
這樣不管小盒子有多少個米酬,樣式都不會亂