HTML5/CSS根據其他欄位的相互高度對齊清單項目

王林
發布: 2023-08-19 15:29:12
轉載
833 人瀏覽過

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

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!