HTML5 / CSS根据其他列的相互高度来对齐列表项

在flex的帮助下对齐列表项。Flex将根据内容使列灵活。包装器将连续排列列。

.wrap{
   display : flex
}// This will help wrapper to become flexible
.wrap.col{
   flex: 1 0 33%;
}

Flex本质上是一种有助于使元素灵活的属性。

使用以下命令使列表垂直对齐底部-

.col .content {
   margin-top: auto;
}