柚子快報邀請碼778899分享:css3 flex彈性布局學習
美客多國際商貿(mào)行綜合2025-05-05390
柚子快報邀請碼778899分享:css3 flex彈性布局學習
一、flex基本概念
當開啟flex布局后,項目默認沿主軸排列。單個項目占據(jù)的主軸空間叫做main size,占據(jù)的交叉軸空間叫做cross size。 二、容器的屬性 以下6個屬性設置在容器上。
flex-direction
flex-wrap
flex-flow
justify-content
align-items
align-content
(1)flex-direction (2)flex-wrap (3) flex-flow (4)justify-content (5)align-items (6)align-content 三、項目的屬性 以下6個屬性設置在項目上。
order
flex-grow
flex-shrink
flex-basis
flex
align-self
(1)order屬性 (2)flex-grow屬性 (3)flex-shrink屬性 (4)flex-basis屬性 (5)flex屬性 (6)align-self屬性
柚子快報邀請碼778899分享:css3 flex彈性布局學習
推薦文章
評論可見,查看隱藏內(nèi)容
大家都在看:
本文內(nèi)容根據(jù)網(wǎng)絡資料整理,出于傳遞更多信息之目的,不代表金鑰匙跨境贊同其觀點和立場。
轉(zhuǎn)載請注明,如有侵權,聯(lián)系刪除。