HTML5/CSS 對齊列表項，具體取決於其他列的共同高度

藉助彈性盒對齊列表項。彈性盒會根據內容讓列變得靈活。包裝器將在一行中佈局列。

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

彈性盒基本上是一種屬性，它有助於使元素變得靈活。

使用以下項將列表垂直對齊到底部 −

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

varma

更新於： 2020-06-24

177 次瀏覽

啟動您的 職業

透過完成課程來獲得認證

開始