css flex 多宫格布局

带1px边框 的多宫格布局

效果图

html 结构

<div class='wrapper'>
      <div class='item'> 1</div>
      ...
</div>

css 样式

.wrapper{
 display:flex;
 flex-wrap: wrap;
}
.item{
 width:25%;
 border:1px solid #ccc;
 margin-left: -1px;
 margin-top:-1px;
}