如何使这些信息卡高度相等？

Question

我想在我的项目中使用这个块，在基础大学找到。我目前正在使用Foundation 5版本，我想将这些列设置为相同的高度。修复高度px不是解决方案，因为它将在小屏幕设备上具有大的空底部区域。这是完整的代码：

http://zurb.com/building-blocks/info-card-with-corner-lables

Answer 1

将以下CSS添加到您的示例中：

.row {
    align-items:stretch;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.columns {
    align-self:stretch;
    display:flex; 
}

此外，您必须将align-self:stretch;添加到课程.callout-card。在这里你可以找到一个工作小提琴：http://jsfiddle.net/v1fcxp0t/