html - div中的表格居中

Question

这就是我的代码的样子：

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

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

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

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

score 0 · Accepted Answer

尝试使用下面给出的。

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

谢谢

score 0 · Accepted Answer

0

如果你不介意失去流量，你可以尝试#inner使用position:absolute, as this的位置。

于 2013-04-11T15:54:52.647 回答

score 0 · Accepted Answer

0

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

于 2013-04-11T15:48:39.227 回答

score -1 · Accepted Answer

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

4 回答 4