网格布局

grid网格布局

.container{
 display:grid;
 grid-template-columns:repeat(3, 33.3%) ;
 grid-template-rows:33.3%   33.3%   33.3% ;
//设置间距
 grid-row-rap:12px;
 grid-column-rap:23px;

}