Jquery mobile 如何将表格放置在浏览器的中心

我正在开发移动应用程序。我有一个Div，我已经创建了一个表，如果我更改浏览器大小，我希望它位于中间。 我尝试的是：

   <div data-role="content"

<div align="center" height:50px; ">
  <table>
    <tr>
      <td width="20%"><img src="images/1.png" ></td>
      <td width="80%"  ><a href="#" class="custom-btn" data-role="button" data-    mini="true">sunday</a></td>
    </tr>
   </table>
</div>
<br>
<div align="center"  height:50px;">
  <table>
    <tr>
      <td width="20%"><img src="images/3.png" ></td>
      <td width="80%"  ><a href="#" data-role="button" class="custom-btn" data-mini="true">Monday</a></td>
    </tr>
  </table>
</div>

---

CSS

边距：0自动将使表格居中

为表指定类名（例如centeredTable）：



然后创建CSS规则：

.centeredTable {
    margin: 0 auto;
}

<!-- optional rules for vertical center, first td 20%, last td 80% -->
.centeredTable td{
    vertical-align: middle;
}
.centeredTable tr td:first-child{
    width: 20%;
}
.centeredTable tr td:last-child{
    width: 80%;
}

.centereTable{
保证金：0自动；
}
.centeredTable td{
垂直对齐：中间对齐；
}
.centeredTable tr td：第一个孩子{
宽度：20%；
}
.centeredTable tr td:最后一个孩子{
宽度：80%；
}

这里有一个

@埃桑克尔：谢谢你宝贵的回复。但当我更改浏览器大小时，div的大小正在减小。我正在尝试这样做。如果您希望div具有设置的宽度，居中，并让表格填充div，请尝试这样做：我想在div之外添加另一个图像。但是如果我添加，div将不再居中。@user3632072，你希望它看起来怎么样？您希望新图像具体位于何处？
.centeredTable {
    margin: 0 auto;
}

<!-- optional rules for vertical center, first td 20%, last td 80% -->
.centeredTable td{
    vertical-align: middle;
}
.centeredTable tr td:first-child{
    width: 20%;
}
.centeredTable tr td:last-child{
    width: 80%;
}