这让我疯狂!如何将表格单元格内的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; }