使用应用于表格单元格的vertical-align浮动效果

时间:2013-09-21 17:06:31

标签: css

我发现将包含块的display属性设置为table并将后代块框括在display属性设置为table-cell且{{1}的框中设置为vertical-align的属性与这些框的top属性设置为float的效果相同。

left

有人可以给我一个解释吗?感谢。

1 个答案:

答案 0 :(得分:0)

浮点CSS属性指定一个元素应该从正常流中获取并放置在其容器的左侧或右侧,其中文本和内联元素将环绕它。

此外,display:table-cell使元素的行为与HTML标记相似。 vertical-align:top适当性使元素与整行的顶部对齐,或者将单元格的顶部填充边缘与行的顶部对齐。所以

.float { display: table-cell; vertical-align: top; }

看起来好像只有float:left

我希望这会帮助您更好地理解CSS。