Html 垂直对齐div内部div不工作

为什么div的内部没有垂直对齐？请注意，我使用的是IE8和CSS，而不是CSS3，如果这有区别的话。 这是我的html

<div class="Content">

    <div id="home">
        <div id="inner">
                <div id="stuff">HeadingOne</div>
                <div>HeadingTwo</div>
                <div>HeadingThree</div>
        </div>
    </div>

</div>

---

正如你所看到的，我尝试了显示：表格单元格；然后进行垂直对齐：中间对齐，但不起作用。知道为什么吗？是的，我需要将“#internal div”显示内联。我希望there div的inside#inside是内联的，并位于内容的中心。

您正在使用

display

属性。使用此CSS：

#home {
    display: table;
    text-align:center;
}    
#home #inner {
    display:table-cell;
    height:50px;
    background-color:#ccc;
    vertical-align: middle;
}
#inner div {
    display: inline-block;
}

---

你可以用IE8中的例子来回顾这个链接

你到底想得到什么？@andi我希望there div's inside#insider是内联的，并位于内容的中心。所以这不是你想要的？…我不明白你拥有的和你想要的之间的区别。看起来你已经有你想要的了。@而且我嗯，好吧，似乎我必须重新检查我的整个代码，因为似乎有什么东西使它不能正确地垂直对齐。嗯，我需要内联显示#internal div。我试过你的代码，但它仍然没有垂直对齐#inner div。我没问题，那么#inner div垂直对齐的内部是什么？你能用小提琴来表示这个问题吗？

#home {
    display: table;
    text-align:center;
}    
#home #inner {
    display:table-cell;
    height:50px;
    background-color:#ccc;
    vertical-align: middle;
}
#inner div {
    display: inline-block;
}