[分享]css中怎么让%3ctable%3e居中

在CSS中，想要让3ctable3e居中并不难，只需要使用一些简单的代码即可。首先，需要将table设置为block元素，这样才能够水平居中。代码如下：table{ display:block; } ...

在CSS中，想要让%3ctable%3e居中并不难，只需要使用一些简单的代码即可。

首先，需要将table设置为block元素，这样才能够水平居中。代码如下：

table{
  display:block;
} 

接着，需要使用margin属性让table居中。我们可以将左右margin都设置为auto，这样浏览器就会自动计算左右margin的大小，使元素居中。代码如下：

table{
  display:block;
  margin:0 auto;
} 

如果我们想让table在垂直方向上也居中，只需要使用一些额外的代码。首先，需要将table的父元素设置为相对定位，然后再使用绝对定位将table居中。代码如下：

.table-wrapper{
  position:relative;
}
table{
  display:block;
  margin:0 auto;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
} 

在这里，我们将table的父元素命名为.table-wrapper，并将其设置为相对定位。然后，将table的位置设置为绝对定位，并使用top和transform属性将其垂直居中。

使用上述代码，我们就可以让%3ctable%3e在页面中水平垂直居中了。