html - 无法在表格单元格中垂直居中浮动元素

Question

我有在表格内声明的表单元素，它们本质上垂直居中于表格单元格。

我有一个表格单元格，它有一个无序列表和一个向左浮动的选择框，以便将它们与自己内联。似乎将其中两个元素放在同一个单元格中会破坏我的第二个元素（选择框）的垂直居中并强制到单元格的顶部（仍然与无序列表内联，只是不再垂直居中）。

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

如果隐藏无序列表，则选择框将在表格单元格中居中，但仅当它是单元格中的唯一元素时。

score 6 · Accepted Answer

尝试以下 CSS 而不是 float：

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

1 回答 1