HTML中的中心表

发布时间：2020-12-14 16:42:01 所属栏目：资源来源：网络整理

导读：如何使用html将表格置于div中？我已将内容放在div标签中,并将text-align属性设置为如下所示. text-align: center; 这没效果. 下面是我的HTML. html body div style="text-align:center" p text test /p table border="1" tr td100/td td200/td td300/td /tr

如何使用html将表格置于div中？

我已将内容放在div标签中,并将text-align属性设置为如下所示.

text-align: center;

这没效果.

下面是我的HTML.

<html>
    <body>
        <div style="text-align:center">
            <p>
    text test
            </p>
            <table border="1">
                <tr>
                    <td>100</td>
                    <td>200</td>
                    <td>300</td>
                </tr>
                <tr>
                    <td>400</td>
                    <td>500</td>
                    <td>600</td>
                </tr>
            </table>
        </div>
    </body>
</html>

解决方法

给表宽度,并水平设置自动边距.

table {
  width:500px;
  margin: 10px auto;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!