html - 垂直对齐在 td 内部不起作用

Question

我正在尝试将我的div（位于 a 内部td）垂直对齐到顶部，但vertical-align: top不起作用。这是小提琴：

http://jsfiddle.net/hreDw/1/（我希望黄色b在顶部）

我怎样才能做到这一点？此外，a's第二个 td 内部的数量是动态的 - 所以桌子的高度也是动态的。

Answer 1

vertical-alignCSS 属性指定内联或表格单元框的垂直对齐方式。

阅读更多关于vertical-align

因此，您必须将该vertical-align属性应用于td元素：

.first {
    background-color:black;
    min-height: 10px;
    min-width: 10px;
    vertical-align: top;
}
.first div {
    background-color:yellow;
}
.second {
    background-color:green;
    min-height: 10px;
    width: 10px;
}

Answer 2

vertical-align必须在而td不是div。

现在您只是将垂直对齐应用于div自身，但您希望 中的所有内容都TD垂直对齐：

.first {
    background-color:black;
    min-height: 10px;
    min-width: 10px;
    vertical-align: top;
}