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>