Question

查看页面：http://www.blueclick.ca/projects/0755/html/

问题是 - 为什么它实际上不是垂直对齐的？

表格单元格上的垂直对齐属性正在运行，但它似乎是将我的内容的顶部与中间对齐，而不是将我的内容中间对齐到中间。

如果单击最左侧的联系人按钮，您将看到最终目标 - 内容最初将关闭并居中，当内容切换滑出时，页脚和标题将相互扩展并且不只是向下。

有人有任何提供的见解吗？

一如既往地谢谢

Answer 1

是完全垂直对齐，就我而言，Google Chromes检查元素可以告诉我。如果你想测试以确保，做这样的事情......

    <script type="text/javascript">
    $(document).ready(function () {
        var mid = $(window).height() / 2;
        var myDivMid = $("#navigation_holder").position().top - ($("#navigation_holder").height() / 2)

        alert(mid);
        alert(myDivMid);
    });
</script>

假设我没有搞砸，那应该告诉你窗口的中间值和div的中间值。

Answer 2

答案：我错误地将内容div包含在标题div中 - 由于标题的设置高度远小于内容，因此它仅以标题为中心而不是内容（基于高度相等的容器）只有一个对象 - 标题）。我把它拿出来，并按照想象重新调整大小。

动态垂直对齐

2 个答案: