如何在css网格列中居中？

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;  /* 假设有3列 */
}

.centered-column {
  margin-left: auto;
  margin-right: auto;
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;  /* 假设有3列 */
}

.centered-column {
  justify-self: center;
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;  /* 假设有3列 */
  justify-items: center;
}