使用彈性盒子布局出一下效果

? ? 一個(gè)盒子中的小盒子有無數(shù)個(gè)，實(shí)現(xiàn)并排布局，并且間距要相同

實(shí)現(xiàn)效果圖

代碼實(shí)現(xiàn)

????大盒子設(shè)置

? ? .box{

? ??????display: flex;

????????flex-wrap: wrap;

????}

? ? 小盒子設(shè)置號(hào)大小，外邊距等樣式

? ? .item{

? ??????width: 160rpx;

????????height: 160rpx;

????????border: 2rpx solid #000;

????????margin-right: 20rpx;

????}

????最后要使用為元素設(shè)置

????.item:nth-child(3n){

????????margin-right: 0;

????}

這樣不管小盒子有多少個(gè)，樣式都不會(huì)亂