css水平瀑布流+兼容ie元素间隙

看效果图:
css水平瀑布流+兼容ie元素间隙_第1张图片
1.水平瀑布流:

.container{
     display:flex;
     flex-wrap: wrap;
     padding:0 30rpx;
}
.item{
	width:47%;
	height:200px;
}
.container::after {
	  content: '';
	  flex-grow: 99;        
}

2.间隙添加兼容ie11:

.container{
	margin:-20px 0 -20px 0;
}
.item{
	margin:20px 0 20px 0;
}

你可能感兴趣的:(js,css,前端,javascript)