必記屬性
flex-container 屬性
flex-direction 方向
：row 從左往右 （預設一行一行展示）
：row-reverse 從右往左 （反向）
：column 從上往下 （一列一列展示）
：column-reverse 從下往上 （反向）
flex-wrap 換行
：wrap 換行
：no-wrap 不換行（預設此狀態）
flex-flow 方向與換行的簡寫
：direction wrap
justify-content 主軸方向對齊方式
：space between 空間放在中間
：space around 空間放在周圍
：flex-start 往起點靠
：flexend 往終點靠
：center 居中
align-items 側軸方向對齊方式
：strech 伸展（高度不定，所有元素的高度以最高的為準）
：flex-start 往側軸的起點靠
：flex-end 往側軸的終點靠
：center 居中
align-content 多行/列內容對齊方式
stretch；flex-start；flex-end；center；space-between；space-around
flex-item屬性
flex-grow
增長比例（空間過多時）
.child:nth(1)flex-shrink.child:nth(2)
.child:nth(3)
收縮比例（空間不夠時）
flex-basis
預設大小或按照修改的樣式顯示
flex
：grow shrink basis （三者簡寫）
order
順序 align-self
自身對齊方式（可單獨修改自身的對齊方式）
flex布局 所有屬性整理
flex布局 彈性盒布局，flex容器，子元素flex專案 預設兩根軸 水平軸和垂直交叉軸，專案預設沿主軸排列 注意，設為 flex 布局以後，子元素的float clear和vertical align屬性將失效。一 容器的屬性 flex direction flex wrap flex flow...
flex布局有關屬性整理
一 flex容器屬性有 flex direction 設定主軸方向，可設定的屬性值有 a.row 表示橫向排列，從左至右 b.row reverse 表示橫向排列，從右至左 c.column 表示縱向排列，從上至下 d.column reverse 表示縱向排列，從下至上排列 flex wrap 設...
flex布局 Flex布局
摘要 flex布局主要思想是讓容器有能力讓其子專案能夠改變其寬度 高度 甚至順序 以最佳方式填充可用空間 主要是為了適應所有型別的顯示裝置和螢幕大小 作者 星星 flex 是 flexible box 的縮寫，意為 彈性布局 flex布局主要思想是讓容器有能力讓其子專案能夠改變其寬度 高度 甚至順序...