[分享]css中怎么使表格居中显示

CSS中怎么使表格居中显示CSS样式是我们美化网页的重要手段，在布局时，经常会使用到表格。但是，表格的默认样式是靠左对齐的，不太美观。这时，我们需要用到CSS的居中技巧，将表格居中显示。具体方法如下：...

CSS中怎么使表格居中显示
CSS样式是我们美化网页的重要手段，在布局时，经常会使用到表格。但是，表格的默认样式是靠左对齐的，不太美观。这时，我们需要用到CSS的居中技巧，将表格居中显示。
具体方法如下：
## 容器居中显示
要实现表格居中显示，需要先将其容器居中显示。可以通过以下方式实现：

css
.container{
    width: 80%;/* 容器宽度 */
    margin: 0 auto;/* 左右自动居中 */
} 

这里，我们使用了`margin: 0 auto`来实现左右自动居中。其中，`0`代表上下间距为0，`auto`代表左右间距为自动，即左右居中。
## 表格居中显示
接下来，我们只需要用到几行CSS样式就可以让表格居中显示了。具体实现方法如下：

css
table{
    /* border-collapse: collapse; */
    margin: 0 auto;/* 左右自动居中 */
    text-align: center;/* 文字居中 */
}
thead, tbody, tr, td, tfoot{
    /* vertical-align: middle; */
    border: 1px solid #999;/* 边框线 */
} 

这里，我们将表格的`margin`设置为左右自动居中，同时将表格中的文字设置为居中。另外，我们还对表格和表格中的元素设置了边框线。
总的来说，表格居中显示的方法并不复杂，只需要设置好容器和表格的样式即可。希望对大家有所帮助！