将元素定位在相等高度的列中

Question

这是jsFinddle链接： http://jsfiddle.net/florian53/Wpwft/7/

在这3列中，需要在所有3个图标上方包含24 px垂直填充，以便文本不会靠近图标的顶部运行。您是否有任何想法如何实现这一点，保持列的高度相等？

Answer 1

看到这个

http://jsfiddle.net/Wpwft/8/

.span3 {
    width: 156px;
    display:table-cell;
    border:1px solid red;
}

只需在span3类中使用 display:table-cell

Answer 2

看看here简单而整洁的问题解决方案。您需要做的就是将图标放在容器的底部。

编辑：

我刚刚在上面提到的教程中发现了一个问题。如果我不删除overflow:hidden文本中的container3规则，则不显示。我还在努力。