垂直对齐浮子

时间:2012-08-31 10:18:35

标签: css

如何垂直对齐浮动元素?

我目前在包装div中有3个元素(一个图像向左浮动,另一个图像向右浮动,一个带有边距的div:0居中)。这些目前在顶部对齐但我希望它们在div的底部进行对齐。

如果不使用绝对位置,这怎么能实现,因为这是一个响应式布局?我尝试过制作它们display:inline-blockvertical-align: bottom,但这对任何事都没有帮助。

1 个答案:

答案 0 :(得分:2)

为了在某个元素上使用vertical-align,该元素必须具有display:table-cell; css样式。 http://jsfiddle.net/StPYR/

您的jsfiddle已更新:http://jsfiddle.net/chCjT/16/ 您不需要浮动元素,而是需要为它们提供display:inline-block; css属性