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