垂直对齐不在td内部工作

Question

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

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

我该怎么做？此外，第二个td内部a's的数量是动态的 - 因此表格的高度也是动态的。

Answer 1

  

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

Read more about 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;
}