grid栅格布局

一、使用

.grid{
	display: grid
}
.grid{
	display: inline-grid
}

二、容器划分

定义横、纵网格轨道。

<style>
	.grid {
	    display: grid;
	    grid-template-columns: 60px 60px 60px 60px;
	    grid-template-rows: 60px 60px 60px 60px;
	    grid-gap: 5px;//grid项目之间的间距
	}
	.grid > div {
	    background: grey;
	}
</style>
<div class="grid">
    <div></div> <div></div> <div></div> <div></div>
    <div></div> <div></div> <div></div> <div></div>
    <div></div> <div></div> <div></div> <div></div>
    <div></div> <div></div> <div></div> <div></div>
</div>

grid-column&#