居中表中一个div

这是我的代码如下所示：居中表中一个div

<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的宽度取决于表格。

有什么办法可以绕过这个问题吗？

2013-04-11 Banana

http://theodorakis.net/tablecentertest.html – karthikr

看看这里：http://stackoverflow.com/questions/13586171/css-vertical-align-text-bottom/13586293＃13586293，我已经回答了这个问题。你不仅要处理内在因素，还要处理外在因素。 – aspirinemaga

真棒，这个工程，非常感谢！ – Banana

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

2013-04-11 15:48:39 Ejaz

这不起作用。 – Banana

将您的HTML标记和CSS添加到问题中。 – Ejaz

-1

而不是使用浮到horizontaly对准你的表，只需使用align属性。因为float会自动将它放在顶部而不是align属性。

2013-04-11 15:49:38

我不知道你刚刚说了什么。 – Banana

我编辑了我的帖子，你应该看看它 –

如果你不介意丢失流量，你可以尝试#inner的位置position:absolute，作为this。

2013-04-11 15:54:52 Arkana

尝试使用下面给出的。

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

感谢

2013-04-11 16:18:45 SanketS

回答