Javascript 垂直对齐整个页面上的DIV

我发现了一些用于在页面上垂直对齐DIV的技术，其中大部分在此处概述：

但是，我现在从事的项目在页面垂直中心对齐的DIV上大量使用Javascript。有没有人知道一种方法（最好不是基于Javascript的）可以使DIV在屏幕中央垂直对齐，即使它的高度通过Javascript改变

如果可能的话，还可以使用

height:auto

属性，因此它会随着我的内容而变化

---

谢谢。

这未经测试，但请尝试：

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

---

试一试。

你想试试吗？如果你愿意打破“表格不适合布局”的规则，那么使用表格是很容易的。我想表格是一种选择，而且可能是最好的选择。不管怎样，我对使用表格进行布局并不感兴趣，我想我会选择它们。谢谢我通常比这更有耐心，但在某个时候你只是放弃了：）这相当于

margintop:0；页边距底部：0