html - 垂直对齐和水平对齐问题

Question

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

我已经找到了一种使用 jQuery 执行此操作的方法，但页面呈现时似乎有轻微的抖动。我希望用纯 css 来做这个布局，但我似乎无法弄清楚该怎么做。这是此布局的 fiddle 。谢谢

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

Answer 1

在你的 CSS 中结合使用垂直对齐和显示就可以了:

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