这让我疯狂！如何将表格单元格内的div垂直居中？
HTML：
<tr class="rowClass">
<td class="cellClass">
<div class="divClass">Stuff</div>
</td>
</tr>
CSS：
.rowClass {
vertical-align:middle !important;
height:90px;
}
.cellClass {
vertical-align:middle !important;
height:90px;
}
.divClass {
vertical-align:middle !important;
height:90px;
}
我知道类的定义是多余的,但我一直在尝试很多不同的东西.为什么不是解决方案(无论如何)直观.我试过的“明显”解决方案都不会奏效.
解决方法
没有必要在.divClass中定义高度.写这样：
.cellClass {
vertical-align:middle;
height:90px;
border:1px solid red;
}
