HTML中的中心表

R.S*_*R.S 7 html html-table alignment

如何tablediv使用html中居中?

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

text-align: center;
Run Code Online (Sandbox Code Playgroud)

这没效果.

下面是我的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>
Run Code Online (Sandbox Code Playgroud)

Kal*_*tel 24

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

table {
  width:500px;
  margin: 10px auto;
}
Run Code Online (Sandbox Code Playgroud)


Mur*_*san 7

试试下面的内容

<table style="margin:0px auto; width:500px">
Run Code Online (Sandbox Code Playgroud)