CSS-Set<；部门>；s随以“；位置：绝对“；不重叠

我有一个n列的表。每列都有一个预定义的宽度，在每列th中，有一个包含实际标题文本的div和一个包含下拉菜单的div

这是表格的简化结构：

<table>
    <tr>
        <th>
            <div>TEXT</div>
            <div><select>...</select></div>
        </th>
    <tr>
    ...
    ...
</table>

正文
...
...
...

列的预定义宽度可能导致文本拆分为多行。发生这种情况时，th中的元素显然会重新排列其位置，从而导致列的select出现错误对齐

我需要做的是找到一种方法，让每一个选择彼此对齐，可能锚定到th的底部

---

我相信这就是你想要的，对吧？整个技巧是在

th

上使用

vertical align:middle

使用表格有什么特殊原因吗？这很容易实现。嗨，Rohan，我需要使用table，我不能改变它的结构：（嗯，是的，这正是我想要的，除了文本对齐，我想在“剩余的可用空间”中居中，底部未与select对齐。请参见此处，第二张表。无论如何，感谢您的建议！唯一的非javascript方法是：但它非常不灵活。您可以执行一些JS，确定最高的标题是什么，然后相应地调整单元格的顶部填充。