采用Flex布局的元素，被稱為Flex容器(flex container)，簡稱"容器"。其所有子元素自動成為容器成員，成為Flex項目(Flex item)，簡稱"項目" Flex-direction調整主軸方向（默認為水平方向）包括row、column、row-reverse ...

...

flex-wrap`設置子元素是否換行 ​ nowrap默認不換行，如果撞不開縮小子元素寬度。 ​ wrap換行 align-items設置側軸上的子元素排列方式（單行） ​ flex-start 從上到下 ​ flex-end 從下到上 ​ center擠在 ...

　　使用彈性盒子可以更方便的對頁面內容進行布局 　　flex-direction指定了子元素在父元素盒子中的排列方式 　　1.flex-direction:row 　　　　flex默認排列方式，從左到右排列，左對齊 　　2.flex-direction：row-reverse ...

語法： flex-direction：row | row-reverse | column | column-reverse 默認值：row 適用於：flex容器 繼承性：無 動畫性：否 計算值：指定值 取值： row： 主軸 ...

目錄 彈性布局學習-介紹(一) 彈性布局學習-詳解 flex-direction【決定主軸的方向 ...

; } 2、flex-direction，幾種排序的方式。 row: child水平方向排列 column: ...

html 父元素 .container { display: flex; flex-wrap: wrap;} 子元素.list { width: 24%; height: 100px; background-color: skyblue; margin-top: 15px;}.list ...