html - 如何垂直对齐div？

Question

你能帮我垂直对齐(在蓝色背景上)文本和图标(fb 等)吗？我尝试使用 vertical-align、display:table 等，但并没有解决我的问题。

http://tinyurl.com/pe4avff

请帮帮我。谢谢!

Answer 1

您可能没有以正确的方式使用显示和垂直对齐属性。

使用以下样式:

.align {
    display: table;
    height: 100%;
    ...
}

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

另请注意，这是垂直对齐的常见做法，但不是唯一的做法。