垂直对齐和水平对齐问题

Question

我正在尝试创建一个像这样的布局，它既是水平对齐也是垂直对齐。

我已经想出一个办法使用jQuery做到这一点，但似乎有轻微的混蛋的页面呈现。我希望能用纯css来做这个布局，但我似乎无法弄清楚如何去做。这是这个布局的小提琴。由于

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

Answer 1

在你的CSS垂直对齐和显示的组合将这样的伎俩：

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

Answer 2

我认为，它不可能用纯CSS和不表垂直对齐这个。您需要所有元素具有相同的高度以便垂直对齐它们。

更新2016年可以使用显示器挠性，其惊人的这个