Question

我有一个背景div，其中包含一个表格元素。

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

HTML

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

CSS：

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

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

Answer 1

Div's通常不允许垂直对齐。唯一的选择是让它像一个表格单元格一样，或者像边缘/填充这样看起来就像你的桌子是垂直对齐的。

Answer 2

只是位置：相对于div中的表并给它顶部：50％和左：50％。

您可以取出左侧，只需使用顶部

Answer 3

使用top：50％不会把它放在中间，你必须使用calc，但这需要一个固定的高度，这似乎对我来说使用顶部似乎没有用于将来参考，如果你想对齐水平然后使用这个例子：

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

- 150px相当于宽度的一半。