css中控制table居中,怎么在css中设置表格中间对齐

怎么在css中设置表格中间对齐

发布时间：2021-04-06 18:21:39

来源：亿速云

阅读：109

作者：Leah

这篇文章将为大家详细讲解有关怎么在css中设置表格中间对齐，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

css表格设置中间对齐

在css中，可以为表格table标签设置margin:auto;样式使表格居中。html>

表格居中

div{

width: 200px;

padding: 10px;

border: 1px solid peru;

}

table,td,tr {

border: 1px solid red;

margin: auto;

}

12	12	12
12	12	12
12	12	12

效果图：

margin:auto;的工作原理

它给一个元素的左外边距和右外边距赋予同样的auto值，那么这个元素的左、右外边距就会平分所占据的可用空间(父元素宽度的1/2)，因此我们会看到在元素表现水平居中。

关于怎么在css中设置表格中间对齐就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。