css如何设置表格中的文字居中

CSS中设置表格中的文字居中是很常见的需求，可以使用text-align属性来实现。

table {
  width: 100%; /*设置表格宽度*/
  border-collapse: collapse; /*去掉表格边框*/
}

th,td {
  text-align: center; /*设置文字居中*/
  padding: 10px; /*设置单元格内边距*/
  border: 1px solid #ccc; /*设置单元格边框*/
}

上面的代码将所有表格单元格中的文字都居中对齐，并且设置了单元格内边距和单元格边框。如果只想针对某一行或某一列进行文字居中，可以给该行或该列的单元格添加类或者ID，并在CSS中通过选择器来设置。

姓名
  年龄
  性别


.center {
  text-align: center;
}

在上面的代码中，给第一列的单元格添加了类名center，并在CSS中使用选择器. center来设置文字居中。

总之，在使用CSS设置表格中的文字居中时，text-align属性是一个很有用的工具，可以有效地提高页面的美观度和可读性。