动态DIV使用CSS垂直对齐中间

Question

我正在寻找CSS中垂直对齐的最佳方法。我觉得这是一个解决不好的问题：vertical-align属性与HTML中的不同。我需要一个代码像水平方式一样工作的 margin：auto 属性。我现在使用的代码无处不在（例如：fadeIn对象）。这是：

<div style="width:200px; height:100px; background:white; display:table">
    <div style="display:table-cell; vertical-align:middle">
        <img src="image.jpg" height="20" width="100" />
    </div>
</div>

Answer 1

在Vertical Centering in CSS上查看本教程。相关问题Vertical aligning in CSS?，What's The Best Way of Centering a Div Vertically with CSS?和 Vertially aligning a DIV on the entire page还包含一些有用的答案。

Answer 2

尝试使用here的绝对位置方法。如果你真的发布了一个带有动画的jsfiddle，那么我们可以看到，这将是很好的。