不能垂直居中表格单元格中的浮动元素

Question

我有一个在表格内声明的表单元素,这些元素本身垂直居中于它们的表格单元格.

我有一个表单元格,它有一个无序列表和一个左边的选择框,以便自己内联它们.似乎在同一个单元格中有两个这样的元素会破坏我的第二个元素(选择框)的垂直居中,并强制到单元格的顶部(仍然与无序列表内联,不再垂直居中).

我无法弄清楚为什么会发生这种情况以及如何解决问题.有任何想法吗？

这是代码:http://jsfiddle.net/pVpnd/1/.

如果隐藏无序列表,则选择框将自动置于表格单元格中,但仅限于单元格中的单独元素.

Answer 1

尝试使用以下CSS而不是float:

select,ul{
    display:inline-block;
    vertical-align:middle;
}?

jsFiddle例子