HTML5/CSS 对齐列表项,具体取决于其他列的共同高度


借助弹性盒对齐列表项。弹性盒会根据内容让列变得灵活。包装器将在一行中布局列。

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

弹性盒基本上是一种属性,它有助于使元素变得灵活。

使用以下项将列表垂直对齐到底部 −

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

更新于: 2020-06-24

177 次浏览

启动您的 职业

通过完成课程来获得认证

开始
广告