Question

如何使用html将table置于div范围内？

我已将我的内容放在div代码中，并将text-align属性设置为center，如下所示。

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>

Answer 1

为表格赋予宽度，并水平设置自动边距。

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

Answer 2

尝试以下

<table style="margin:0px auto; width:500px">

Answer 3

<div style="text-align:center">    
   <table style="display: inline-table;">    
   </table>
</div>

Answer 4

编辑表格标签，如下所示

 <table border="1" align="center">

然后检查。

Answer 5

<html>
<body>
<div style="text-align:center">
<p>
    text test
</p>
<table border="1" style="margin: 0 auto;">
<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>

Answer 6

您可以写<div style="text-align:center">而不是<div style="width:600px;margin:0 auto"> 它为您提供宽度为600像素的div，并将div放在父元素中。

Answer 7

将margin: 0px auto添加到您的table代码

Answer 8

你可以把风格放在表格中

<table border="1" style="margin:0 auto;">

但我确实建议您使用样式表而不是内联样式

HTML中的中心表

8 个答案: