相关疑难解决方法(0)

当内容的高度可变时,垂直居中div内容的最佳方法是什么.在我的特殊情况下,容器div的高度是固定的,但如果有一个解决方案可以在容器具有可变高度的情况下工作,那将是很好的.此外,我想要一个没有或很少使用CSS黑客和/或非语义标记的解决方案.

我一直在做很多搜索,找不到垂直对齐我的内容的CSS解决方案.

我在这里看到的所有解决方案和Google上的热门文章要求我有一个固定高度的容器,其内容不能超过.我不能保证因为内容是动态生成的.

我能做的唯一后备工作是一些javascript以编程方式测量内部容器并设置其margin-top.这真的是icky,但似乎是唯一的方式.:(

请参阅此js小提琴,了解我想要标记的标记示例.

我很高兴忘记IE6,但需要支持IE7 +和最新的webkit + firefox ...

有人知道只有CSS的解决方案吗？