jquery - 在等高列中定位元素

Question

这是 jsFinder 链接：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;
}

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

Answer 2

看看这里简单而整洁的唯一 css 解决方案。然后，您需要做的就是将您的图标放置在容器的底部。

编辑：

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