垂直对齐不在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;
}