柚子快報(bào)邀請(qǐng)碼778899分享：css3 flex彈性布局學(xué)習(xí)

http://yzkb.51969.com/

一、flex基本概念

當(dāng)開(kāi)啟flex布局后，項(xiàng)目默認(rèn)沿主軸排列。單個(gè)項(xiàng)目占據(jù)的主軸空間叫做main size，占據(jù)的交叉軸空間叫做cross size。 二、容器的屬性 以下6個(gè)屬性設(shè)置在容器上。

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 三、項(xiàng)目的屬性 以下6個(gè)屬性設(shè)置在項(xiàng)目上。

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屬性

柚子快報(bào)邀請(qǐng)碼778899分享：css3 flex彈性布局學(xué)習(xí)

http://yzkb.51969.com/

推薦文章