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中文網其他相關文章！