垂直對齊和水平對齊問題

Question

我正在嘗試創建一個像這樣的佈局，它既是水平對齊也是垂直對齊。

我已經想出一個辦法使用jQuery做到這一點，但似乎有輕微的混蛋的頁面呈現。我希望能用純css來做這個佈局，但我似乎無法弄清楚如何去做。這是這個佈局的小提琴。由於

http://jsfiddle.net/rodmjay/LnRq6/

Answer 1

在你的CSS垂直對齊和顯示的組合將這樣的伎倆：

#container .item { 
    display: table-cell; 
    vertical-align: middle; 
    ... 
} 

Answer 2

我認爲，它不可能用純CSS和不表垂直對齊這個。您需要所有元素具有相同的高度以便垂直對齊它們。

更新2016年可以使用顯示器撓性，其驚人的這個