表格单元格垂直对齐问题
-
28-10-2019 - |
题
我已为表格的一个单元格设置了float。但是现在我无法更改其内容的垂直对齐方式。默认情况下,它将内容移动到div
的顶部。我尝试了valign: middle
,vertical-align: middle
没有成功。结果如下:
带有float: left
没有float: left
如何使单元格的内容与float垂直对齐? 标记看起来像这样 通用标签
解决方案
我不知道这是否会有所帮助(我现在已将基于表格的布局留在后面),但是要使用直接的div
s解决类似的问题,您可以使用line-height
规则进行相同的操作。
通用标签
将创建CSS来设置宽度/高度等,我想您不需要表格,对于“ rightCell”,您可以将行高设置为与行高相同: 通用标签
然后发生的是,文本在行空间中垂直居中,这是因为它与高度相同,给人的印象也是在元素的中心。
现在,就像我说的那样,我从未在表单元上尝试过此操作,但是任何现代浏览器都应允许您使用以下命令将显示属性更改为block
或inline-block
:
通用标签
在需要的任何其他类型的更改块。这会将单元格的显示类型设置为类似于div
(或Span或其他元素),但我不知道它将对表格产生什么影响。
还请注意,我不会在这里处理像IE6这样的较旧的浏览器,要使其全面工作,可能需要对较旧的浏览器进行一些破解(如果需要支持的话)。
不隶属于 StackOverflow