如何垂直对齐浮动元素?
我目前在包装div中有3个元素(一个图像向左浮动,另一个图像向右浮动,一个带有边距的div:0居中)。这些目前在顶部对齐但我希望它们在div的底部进行对齐。
如果不使用绝对位置,这怎么能实现,因为这是一个响应式布局?我尝试过制作它们display:inline-block
和vertical-align: bottom
,但这对任何事都没有帮助。
答案 0 :(得分:2)
为了在某个元素上使用vertical-align,该元素必须具有display:table-cell;
css样式。 http://jsfiddle.net/StPYR/
您的jsfiddle已更新:http://jsfiddle.net/chCjT/16/
您不需要浮动元素,而是需要为它们提供display:inline-block;
css属性