垂直对齐&水平对齐问题

时间:2010-11-08 20:18:55

标签: html css

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

alt text

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

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

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

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