如何在<div>中将行-列网格居中。HTML

<div class="grid-container">
  <!-- 网格项 -->
  <div class="grid-item">1</div>
  <div class="grid-item">2</div>
  <div class="grid-item">3</div>
  <!-- 其他网格项 -->
</div>

.grid-container {
  display: flex;
  justify-content: center; /* 水平居中对齐 */
  align-items: center; /* 垂直居中对齐 */
}

.grid-item {
  /* 网格项的样式 */
}