css table里所有元素居中显示

CSS中有很多种方法可以让table中的元素居中显示，以下是其中的几种方式：

/*方式一：text-align*/
table {
  text-align: center;
}

/*方式二：margin*/
table {
  margin: 0 auto;
}

/*方式三：display + margin*/
table {
  display: inline-block;
  margin: 0 auto;
}

/*方式四：flex*/
.table-container {
  display: flex;
  justify-content: center;
}

/*方式五：grid*/
.table-container {
  display: grid;
  place-items: center;
}

方式一：使用text-align属性可以让table内的所有内容都居中对齐。

方式二：使用margin可以让table在容器内居中显示，这种方式需要将table的display属性设置为block。

方式三：使用display属性将table设置为inline-block，然后使用margin让其在容器内居中显示，这种方式可以让多个table在同一行内居中显示。

方式四：使用flex布局，将table容器的display设置为flex，然后使用justify-content属性让其子元素居中显示。

方式五：使用grid布局，将table容器的display设置为grid，然后使用place-items属性让其子元素居中显示。