CSS Flexible Box Layout Module

伸縮盒 Flexible Box Layout

屬性 版本 繼承性 描述
flex CSS3 復合屬性。設定或檢索伸縮盒物件的子元素如何分配空間。
flex-grow CSS3 設定或檢索彈性盒的增加比率。
flex-shrink CSS3 設定或檢索彈性盒的收縮比率
flex-basis CSS3 設定或檢索彈性盒伸縮基准值。
flex-flow CSS3 復合屬性。設定或檢索伸縮盒物件的子元素排列方式。
flex-direction CSS3 設定或檢索伸縮盒物件的子元素在父容器中的位置。
flex-wrap CSS3 設定或檢索伸縮盒物件的子元素超出父容器時是否換行。
align-content CSS3 設定或檢索彈性盒堆疊伸縮行的對齊方式。
align-items CSS3 設定或檢索彈性盒子元素在側軸(縱軸)方向上的對齊方式。
align-self CSS3 設定或檢索彈性盒子元素自身在側軸(縱軸)方向上的對齊方式。
justify-content CSS3 設定或檢索彈性盒子元素在主軸(橫軸)方向上的對齊方式。
order CSS3 設定或檢索伸縮盒物件的子元素出現的順序。