垂直对齐浮标

如何垂直对齐浮动元素？垂直对齐浮标

我目前有3个元素（一个图像左浮动，另一个图像右浮动，div与margin：0居中）在包装div中。这些目前对齐的顶部，但我希望他们在div的底部。

如何在不使用绝对位置的情况下实现这个功能，因为这是一个响应式布局？我试图让他们display:inline-block和vertical-align: bottom但这并没有任何帮助。

2012-08-31 Stinis87

我们可以看到我们的代码，好吗？最好的方法是将相关部分粘贴到www.jsfiddle.net – Kyle

[垂直对齐图像的相关问题]（http://stackoverflow.com/questions/1520825/vertical-align-image） – Jeroen

这里是一个例子代码。我想让divs对齐底部。 http://jsfiddle.net/stinis87/chCjT/6/ – Stinis87

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

你的jsfiddle更新：http://jsfiddle.net/chCjT/16/ 而是浮动的元素，你需要给他们display:inline-block; CSS属性

2012-08-31 10:24:29

谢谢，这很好地对齐他们的底部。唯一的缺点是，现在它们不会浮动到页面的正确一侧，因为当div浮动时它不起作用。（记住这些div只是例子，我真正的div在页面之间有适当的浮动空间，而且它们之间有空格） – Stinis87

回答