css网格布局

<div id="grid-container"></div>

#grid-container {display: grid;grid-template-columns: repeat(3, 1fr); /* 这里设置每列的宽度 */grid-gap: 10px; /* 这里设置网格项之间的间距 */
}<div class="grid-item">网格项1</div>
<div class="grid-item">网格项2</div>
<div class="grid-item">网格项3</div>