Css 垂直对齐

Question

我在 div 中有单列顺序的按钮。按钮数是可变的。我想垂直对齐按钮。 “垂直对齐:中间”不起作用。我该怎么做？

Div 高度是固定的。 http://jsfiddle.net/WmD3L/如何垂直对齐这些按钮？

Answer 1

如果按钮有固定高度，您可以使用 line-height 将文本放在中间。

例如

#button {
   height: 50px;
   line-height: 50px; //Must be the same as height to vertically align to the middle
}

你也可以使用

#button {
    display: table-cell;
    vertical-align: middle;
}

但不幸的是，我认为这不适用于跨浏览器。