垂直對齊浮標

如何垂直對齊浮動元素？垂直對齊浮標

我目前有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

回答