HTML中的中心表

前端之家收集整理的这篇文章主要介绍了HTML中的中心表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何使用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;
}
原文链接:https://www.f2er.com/html/227002.html

猜你在找的HTML相关文章