html - 在列底部对齐内容

Question

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

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

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

谢谢

编辑：我更正了指​​向正确版本小提琴的链接。现在列的高度相等。

Answer 1

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

如果您能找到一种替代方法，可以将这样简单的方法添加到您现有的代码中：

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

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