对齐列底部的内容

Question

我在我的网站上管理一个简单的列拆分部分，以显示某些内容的摘要。每列最后都有一个链接。这是一个例子：http://jsfiddle.net/CV4Yr/2。

问题是：如何将该部分底部的读取更多链接对齐，以便所有三个读取更多链接水平排列？请注意，列似乎具有相同的高度，但它只是使用负边距的技巧。

当然，我可以想象很多javascript hacks，但我宁愿避开它们。

由于

编辑：我纠正了小提琴正确版本的链接。现在列是相同的高度。

Answer 1

由于您习惯于使列的高度相等，因此在底部放置链接会很困难。

如果你能找到一种替代方法，那么简单的方法就可以添加到现有代码中：

article {
    position: relative;
    padding-bottom: 30px;
}

article > a {
    position: absolute;
    bottom: 0; left: 0;
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
}