Html 无法将表格单元格中的浮动元素垂直居中

我在表中声明了表单元素，这些表单元素固有地垂直居中于它们的表单元格

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

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

以下是代码：<代码>

---

如果隐藏无序列表，则选择框将按其应有的方式在表格单元格中居中，但仅当它是单元格中唯一的元素时。请尝试以下CSS，而不是float：

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

---

尝试以下CSS而不是浮点：

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

---

我不认为同一单元格中的两个项目可以垂直对齐。表格并非真正用于布局表单，而是真正用于显示表格数据。使用元素而不是格式化。@Billy我已经能够通过用div替换无序列表并保留选择框来保持垂直居中。我认为无序列表会破坏选择框，从而导致一些布局问题。@Dmytro，表格通常是布局表单更简单的解决方案。它们提供了更多的内联样式，这意味着不必要的CSS代码行更少（例如，请参见列宽）。不打开表与div的辩论，但表仍然可以/应该用于静态布局内容。我不认为在同一单元格中可以有两个项目垂直对齐。表格并非真正用于布局表单，而是真正用于显示表格数据。使用元素而不是格式化。@Billy我已经能够通过用div替换无序列表并保留选择框来保持垂直居中。我认为无序列表会破坏选择框，从而导致一些布局问题。@Dmytro，表格通常是布局表单更简单的解决方案。它们提供了更多的内联样式，这意味着不必要的CSS代码行更少（例如，请参见列宽）。不打开表与div的辩论，但表仍然可以/应该用于静态布局内容。我没有想过尝试内联块。工作起来很有魅力。谢谢没有想过尝试内联块。工作起来很有魅力。谢谢