垂直对齐＆amp;水平对齐问题

Question

我正在尝试创建这样的布局，即水平和垂直居中。

我已经找到了使用jQuery执行此操作的方法，但在页面呈现时似乎有轻微的混蛋。我希望用纯css做这个布局，但我似乎无法弄清楚如何做到这一点。这是这种布局的小提琴。感谢

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

Answer 1

CSS中垂直对齐和显示的组合可以解决这个问题：

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

Answer 2

我认为不可能将它与纯css和没有表格垂直对齐。您需要所有元素具有相同的高度，以便垂直对齐它们。

2016年更新：你可以使用display flex，它的惊人之处