如何在div中垂直对齐表格

Question

我有一个具有设置尺寸的背景div，其中包括一个表格元素。

我正在寻找一种将表格放置在div左中的方法。 左边很容易，中间我不能上班。 这就是我所拥有的：

的HTML

 <div id="background">
      <table>
        //... stuff 
      </table>
 </div>

CSS：

 #background {
      height: 1000px;
      width: 1000px;
      text-align: left;
      }

有人可以告诉我如何垂直对齐桌子吗？

Answer 1

Div通常不允许垂直对齐。 唯一的选择是使它像表格单元格一样工作，或执行类似于边距/填充的操作，使表格看起来像是垂直对齐的。

Answer 2

只是位置：相对于div内的表格，并使其顶部：50％，左侧：50％。

你可以拿出左边，只用顶部

http://jsfiddle.net/EZk3T/1/

Answer 3

使用top：50％不会放在中间，您必须使用calc，但是它需要固定的高度，但是使用top：似乎对我来说不起作用，但是如果将来要参考，如果您想水平对齐，请使用这个例子：

width: 300px;
left: calc (50% - 150PX)

-150px等于宽度的一半。