Tom Sarduy..

156

FOR BOOTSTRAP 3.X:

Bootstrap现在具有表格单元格的以下样式:

.table tbody > tr > td{

vertical-align: top;

}

要做的就是添加自己的类,为前一个选择器添加更多特异性:

.table tbody > tr > td.vert-aligned {

vertical-align: middle;

}

然后将类添加到您的tds:

...

FOR BOOTSTRAP 2.X

在表格单元格中使用时,vertical-align会执行大多数人期望的操作,即模仿(旧的,已弃用的)valign属性.在符合标准的现代浏览器中,以下三个代码片段执行相同的操作:

...

进一步

此外,您无法引用td该类,.vert因为Bootstrap已经具有此类:

.table td {

padding: 8px;

line-height: 20px;

text-align: left;

vertical-align: top; // The problem!

border-top: 1px solid #dddddd;

}

并且正在重载vertical-align: middle'.vert'类,所以你必须将这个类定义为td.vert.