如何设置HTML表格居中

HTML表格是网页中常用的元素之一，但是默认情况下，表格是靠左对齐的，如果想要让表格居中，需要进行特殊的设置。

使用CSS设置表格居中

最简单的方法是使用CSS样式，将表格的margin属性设置为auto即可实现水平居中。

table {
  margin: auto;
}

除此之外，还可以设置表格宽度为100%、单元格水平居中等方法来实现表格居中。

使用HTML属性设置表格居中

除了使用CSS样式，HTML本身也提供了一种设置表格居中的方法，即使用align属性。

该方法的缺点是align属性已经被HTML5废弃，不过在实际应用中仍然可以使用。

常见问题解答

1. 如何设置表格垂直居中？

   可以使用CSS样式，将表格的display属性设置为table，然后将表格内的单元格的display属性设置为table-cell，再将vertical-align属性设置为middle。

   table {
     display: table;
     margin: auto;
   }
   
   td {
     display: table-cell;
     vertical-align: middle;
   }
       

2. 如何让表格在手机端显示更加友好？

   可以使用CSS样式，将表格的宽度设置为100%，并设置单元格的最小宽度和字体大小。

   table {
     width: 100%;
   }
   
   td {
     min-width: 50px;
     font-size: 14px;
   }
       

3. 如何让表格中的文字居中显示？

   可以使用CSS样式，将表格内单元格的text-align属性设置为center。

   td {
     text-align: center;
   }