表格单元格垂直对齐问题

Question

我已为表格的一个单元格设置了float。但是现在我无法更改其内容的垂直对齐方式。默认情况下，它将内容移动到div的顶部。我尝试了valign: middle，vertical-align: middle没有成功。结果如下：

带有float: left

没有float: left

如何使单元格的内容与float垂直对齐？ 标记看起来像这样 通用标签

Answer 1

我不知道这是否会有所帮助（我现在已将基于表格的布局留在后面），但是要使用直接的divs解决类似的问题，您可以使用line-height规则进行相同的操作。 通用标签

将创建CSS来设置宽度/高度等，我想您不需要表格，对于“ rightCell”，您可以将行高设置为与行高相同： 通用标签

然后发生的是，文本在行空间中垂直居中，这是因为它与高度相同，给人的印象也是在元素的中心。

现在，就像我说的那样，我从未在表单元上尝试过此操作，但是任何现代浏览器都应允许您使用以下命令将显示属性更改为block或inline-block： 通用标签

在需要的任何其他类型的更改块。这会将单元格的显示类型设置为类似于div（或Span或其他元素），但我不知道它将对表格产生什么影响。

还请注意，我不会在这里处理像IE6这样的较旧的浏览器，要使其全面工作，可能需要对较旧的浏览器进行一些破解（如果需要支持的话）。