Question

我有div，其中所有内容都与中心对齐：

<div align="center">
   <table><tr><td>.....

但是对齐不是更有效的属性。所以，我已经改为班级或风格：

<div style="text-align:center;">

但它与以前不一样。表格现在对齐左边而不是居中。明显的text-align不等同于旧的center属性。我应该如何使用center属性编写样式以实现与之前相同的功能？

Answer 1

只需在margin: 0 auto上使用table即可居中。

请参阅HERE

Answer 2

要将表格与表格的父元素的中心对齐，只需使用：

table {
 margin: 0 auto;
}

同样，为了将表格与表格的父元素的高度对齐，您可以给出与父元素的高度相同的行高。

Answer 3

如上文评论中所述，您需要对齐表格

将此添加到您的CSS：

table.center {
              margin-left:auto; 
              margin-right:auto;
             }

然后将其添加到您的表格中：

<table class="center">
...
</table>

Answer 4

或许看看here？

我已多次使用它来垂直居中内容。

然后看一下bootstrap。它们具有负责水平对齐的混合（here）。

编辑：

@mattytommo对水平对齐有很好的答案。

Answer 5

如果要将表格对齐居中，请使用以下

<table align="center">

这会使您的表格与div的中心对齐。

Answer 6

你可以试试这个： -

div{
   width:90%;
   margin:0 auto;
   text-align:center;
}

或

<div style="width:90%;margin:0 auto;text-align:center">
   <table>
       <thead>
           <tr>
               <th>header</th>
           </tr>
       </thead>
       <tbody>
           <tr>
               <td>data</td>
           </tr>
       </tbody>
   </table>
</div

DIV中心对齐

6 个答案: