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;
}

以上是HTML5/CSS根据其他列的相互高度对齐列表项的详细内容。更多信息请关注PHP中文网其他相关文章！