logo标签列表

HTML中心表格

htmlalignmenthtml-table
8

我该怎么使用html将表格居中放置在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>
8个回答
27

给表格设置宽度，并在水平方向上将边距设置为自动。

table {
  width:500px;
  margin: 10px auto;
}
7
尝试以下内容：
<table style="margin:0px auto; width:500px">
3
<div style="text-align:center">    
   <table style="display: inline-table;">    
   </table>
</div>
1
请将表格标签编辑为以下格式： 

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

然后检查。

对齐标签已被弃用，请使用上面的方法。@R.S - Namphibian
1
<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>
0

你可以将样式放在表格中

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

然而，我建议您使用样式表而不是内联样式

0

你可以使用<div style="width:600px;margin:0 auto">代替<div style="text-align:center">，这样你就能得到一个宽度为600像素的div，并且使其在父元素中居中显示。

0
在你的 table 标签中添加 margin: 0px auto。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接