0

如何垂直对齐浮动元素?

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

由于这是响应式布局,如何在不使用绝对位置的情况下实现这一点?我试过制作它们display:inline-blockvertical-align: bottom但这无济于事。

4

1 回答 1

2

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

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

于 2012-08-31T10:24:29.827 回答