css表格居中

CSS表格居中可以通过多种方法实现，下面将介绍其中的几种方法。

方法一：使用margin属性 可以使用`margin: 0 auto`将表格居中，其中`auto`是指在水平方向上自动分配空白。以下是一个示例代码：

```css .table { margin: 0 auto; } ```

```html

标题1	标题2	标题3
内容1	内容2	内容3
内容4	内容5	内容6

```

方法二：使用flexbox布局 可以使用`display: flex`和`justify-content: center`将表格在父容器中居中，其中`justify-content`属性是指在主轴上对齐方式为居中。以下是一个示例代码：

```css .container { display: flex; justify-content: center; }

.table { width: 50%; } ```

```html ```

方法三：使用position属性 可以使用`position: absolute`和`left: 50%`将表格的左边框放在页面的水平中点上。然后再通过`transform: translateX(-50%)`将表格的中点对齐到页面的中心。以下是一个示例代码：

```css .wrapper { position: relative; }

.table { position: absolute; left: 50%; transform: translateX(-50%); } ```

```html ```

综上所述，以上是三种常用的方法来实现CSS表格居中。根据实际情况选择适合自己需求的方法即可。