[分享]css中怎么把表格移到中间

在网页设计中，表格是一个非常常见的元素。而对于表格的样式控制，CSS提供了丰富的属性值。但是，有时候我们会遇到这样的问题：如何将表格水平以及垂直居中呢？接下来就让我来介绍一下该如何在CSS中控制表格的...

在网页设计中，表格是一个非常常见的元素。而对于表格的样式控制，CSS提供了丰富的属性值。但是，有时候我们会遇到这样的问题：如何将表格水平以及垂直居中呢？接下来就让我来介绍一下该如何在CSS中控制表格的居中方式。

table {
    margin: 0 auto;   /*水平方向居中*/
}
td, th {
    text-align: center;   /*水平方向居中*/
    vertical-align: middle;   /*垂直方向居中*/
} 

以上就是控制表格居中的CSS代码。我们来分析一下：

首先，通过margin属性值中的0 auto，可以让表格在水平方向上居中展示。其中0代表上下margin为0，auto代表左右margin为auto，即可以让表格居中。

接着，我们使用text-align:center属性值将单元格中的文本内容水平居中。而通过vertical-align:middle属性值，可以将单元格中的内容垂直居中展示。

以上就是将表格水平和垂直居中的方法。使用上述CSS代码，可以让表格更好的配合页面布局，让页面看起来更加美观。