在整个页面上垂直对齐DIV

Question

我找到了一些用于在页面上垂直对齐DIV的技术，其中大部分都在这里概述：

http://blog.themeforest.net/tutorials/vertical-centering-with-css/

但是，我正在开发的项目现在大量使用Javascript在页面垂直中心对齐的DIV上。有没有人知道一种方法（最好不是基于Javascript的）来保持DIV在屏幕中心垂直对齐，即使它的高度通过Javascript改变了？

如果可能的话，还有height: auto属性，因此它会随着我的内容而改变。

感谢。

Answer 1

尝试this CSS-only solution。

Answer 2

这是未经测试但请尝试：

margin-top: auto;
margin-bottom: auto;