在div中居中表

Question

这就是我的代码：

<div id="outer">
   <div id="inner">
      <table> ... </table>
   </div>
</div>

现在，我需要将表格在内部div中垂直对齐。为此，我将display: table-cell;和vertical-align: middle;添加到内部div。

现在，我需要的另一件事是内部div与外部div内部的水平对齐。但是一旦我将float: right;添加到内部div，表格就不再在其内部垂直对齐。我会提到外部div有一个固定的宽度，而内部div的宽度取决于表格。

有没有办法绕过这个问题？

Answer 1

尝试在text-align: right上使用#outer，如果不能解决您的问题，请添加一些标记

Answer 2

如果您不介意丢失流量，则应尝试将#inner置于position:absolute，this。

Answer 3

尝试使用下面给出的内容。

<div id="outer" align="center">
   <div id="inner" align="center">
      <table> ... </table>
   </div>
</div>

感谢

Answer 4

只需使用align属性，而不是使用float来水平对齐表格。因为float自动将它放在顶部而不是对齐属性。