html - 表格内的对齐问题

Question

我有两个 div，我将它们放在表格中以便水平对齐。

<table>
   <tr>
      <td>
        <div>
           data
         </div>
         <div>
            data
         </div>
      </td>
   </tr>
</table>

看起来像下面这样:

我现在想将这 2 个对齐在中间，而不是左边。我试过<td style="margin-left:auto; margin-right:auto;">但没有快乐。

有什么想法吗？`

Answer 1

应用margins到 <table/> :

table {
    margin: 0 auto;
}

这是一个demo fiddle .