技術 Day6【主題一：Flexbox】＿統整

一、屬性統整： 1-1、作用於彈性容器上： flex-direction（控制子項整體佈局方向） flex-wrap（控制子項整體單行顯示還是換行顯示） fl...

技術 Day5【主題一：Flexbox】＿彈性項目相關屬性/flex屬性/flex-grow屬性/flex-shrink屬性/flex-basis屬性/flex縮寫/order屬性

彈性項目相關屬性 儘管彈性項目的對齊、順序與彈性是透過彈性容器屬性協調運作，仍可透過幾個能夠作用在個別彈性項目的屬性做更細緻的操作。 flex縮寫屬性及其...

技術 Day4【主題一：Flexbox】＿對齊項目/align-self屬性/align-content/彈性項目

對齊項目 align-items：定義彈性項目在彈性容器交叉軸上對齊的行為。 宣告在彈性容器，而不是彈性項目。 align-items預設值是stretc...

技術 Day3【主題一：Flexbox】＿排列彈性項目/彈性內容/調整內容

排列彈性項目 預設情況下，無論flex-flow設定了什麼樣的數值，彈性容器中最後一個彈性項目之後的空間，一定是在main-end與cross-end方向...

技術 Day2【主題一：Flexbox】＿彈性容器（flex container）

2-1. flex-direction屬性 flex-direction控制彈性項目排列的主要軸向，就是彈性項目的排列方向。 .flex-container...

技術 Day1【主題一：Flexbox】＿Flexbox基礎

【主題一：Flexbox】單元： Flexbox基礎 彈性容器（flex container） 排列彈性項目 彈性內容 調整內容 對齊項目 align-sel...