css表格怎么设置中间对齐-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

在css中，可以通过给表格table元素设置“margin:auto;”样式来让表格中间对齐。该样式给一个元素的左外边距和右外边距赋予同样的auto值，那么这个元素的左、右外边距就会平分所占据的可用空间，因此我们会看到在元素表现水平居中。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css表格设置中间对齐

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

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>表格居中</title>
        <style>
            div{
                width: 200px;
                padding: 10px;
                border: 1px solid peru;
            }
            table,td,tr {
                border: 1px solid red;
                margin: auto;
            }
        </style>
    </head>
 
    <body>
        <div>
        <table>
            <tr>
                <td>12</td>
                <td>12</td>
                <td>12</td>
            </tr>
            <tr>
                <td>12</td>
                <td>12</td>
                <td>12</td>
            </tr>
            <tr>
                <td>12</td>
                <td>12</td>
                <td>12</td>
            </tr>
        </table>
        </div>
    </body>
 
</html>