table表格整体居中

Posted 2020-11-15 smartisn

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了table表格整体居中相关的知识，希望对你有一定的参考价值。

代码：

1 <div style="text-align: center;">
2     <table border="1" style="margin: auto；" width=‘60%‘>
3        ......
4     </table>
5 </div>

如果只是单单用第一行代码，表格整体不会居中，但是字体会居中，这是因为text-align属性代表市元素中文本的水平对齐方式，只针对文本内容所以我们还需要再加一行

1 <table border="1" style="margin: auto；" width=‘60%‘>
2        ......
3     </table>

以上是关于table表格整体居中的主要内容，如果未能解决你的问题，请参考以下文章