html – 如何垂直对齐表单元格中的div？

概述这让我疯狂！如何将表格单元格内的div垂直居中？ HTML： <tr class="rowClass"> <td class="cellClass"> <div class="divClass">Stuff</div> </td></tr> CSS： .rowClass { vertical-align:middle !important; hei 这让我疯狂！如何将表格单元格内的div垂直居中？

HTML：

<tr >    <td >        <div >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;}

检查这个http://jsfiddle.net/ncrKH/

总结

以上是内存溢出为你收集整理的html – 如何垂直对齐表单元格中的div？全部内容，希望文章能够帮你解决html – 如何垂直对齐表单元格中的div？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。