css - 垂直对齐 float

Question

如何垂直对齐 float 元素？

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

这是一个响应式布局，如果不在它们上使用绝对位置怎么能实现呢？我试过让它们 display:inline-block 和 vertical-align: bottom 但这没有任何帮助。

Answer 1

为了在某些元素上使用垂直对齐，该元素必须具有 display:table-cell; css 样式。 http://jsfiddle.net/StPYR/

您的 jsfiddle 已更新:http://jsfiddle.net/chCjT/16/而不是 float 元素，您需要为它们提供 display:inline-block; css property