css彈性盒子相關知識點（部分主要內容）

css的彈性盒子部分主要的內容總結：

由彈性容器(通過設定 display 屬性的值為 flex 或 inline-flex將其定義為彈性容器) 和彈性子元素組成。

flex-direction定義彈性子元素在父容器中的位置

( 此處用反轉屬性 )

flex-direction定義彈性子元素在父容器中的位置

( 此處用列屬性 )

justify-content定義在彈性容器上，把彈性項沿著彈性容器的主軸線對齊。

屬性值: flex-start | flex-end | center | space-between | space-around

此處用"center"

align-items設定或檢索彈性盒子元素在側軸（縱軸）方向上的對齊方式。

屬性值: flex-start | flex-end | center | baseline | stretch

此處用「flex-start」,注：當個數超過彈性盒子寬度時，會自動調節寬度，子元素的寬度

flex-wrap 用於指定彈性盒子的子元素換行方式。

屬性值：nowrap|wrap|wrap-reverse|initial|inherit;

此處用「wrap」

align-content 用於修改 flex-wrap 屬性的行為。類似於 align-items, 但它是設定各個行的對齊。

此處用「space-between」

order能夠對子元素塊進行排序（原來順序a-b-c）

margin: auto 可以使得彈性子元素在兩上軸方向上完全居中

flex 屬性用於指定彈性子元素按比例分配空間。

由彈性容器(通過設定 display 屬性的值為 flex 或 inline-flex將其定義為彈性容器) 和彈性子元素組成。從左到右ab cdflex-direction定義彈性子元素在父容器中的位置 ( 此處用反轉屬性 ) abcd flex-direction定義彈性子元素在父容器中的位置 ( 此處用列屬性 ) abcd justify-content定義在彈性容器上，把彈性項沿著彈性容器的主軸線對齊。屬性值: flex-start | flex-end | center | space-between | space-around 此處用"center"ab cdalign-items設定或檢索彈性盒子元素在側軸（縱軸）方向上的對齊方式。屬性值: flex-start | flex-end | center | baseline | stretch 此處用「flex-start」,注：當個數超過彈性盒子寬度時，會自動調節寬度，子元素的寬度ab cdef g flex-wrap 用於指定彈性盒子的子元素換行方式。屬性值：nowrap|wrap|wrap-reverse|initial|inherit; 此處用「wrap」ab cdef g align-content 用於修改 flex-wrap 屬性的行為。類似於 align-items, 但它是設定各個行的對齊。屬性值：flex-start | flex-end | center | space-between | space-around | stretch 此處用「space-between」ab cdef gorder能夠對子元素塊進行排序（原來順序a-b-c）ab c margin: auto 可以使得彈性子元素在兩上軸方向上完全居中居中了 flex 屬性用於指定彈性子元素按比例分配空間。32

1

盒子模型相關知識點

垂直盒子css樣式 div one two 垂直盒子html 水平盒子 css div one 1 two 1 水平盒子 html one 1 box1 div two 1 box2 div 重疊盒子 1 margin不同於border和padding只能取正數，margin的值可以取負數。marg...

執行緒相關部分知識點小結

一 callable和runnable的區別 1 callable規定的方法時call，runnable規定的方法時run，其中實現runnable介面的類需要通過thread類包裝後，在進行啟動而callable一般交由executeservice來執行 2 callable執行任務後可返回值，...

css彈性盒子相關知識點（部分主要內容）

盒子模型相關知識點

執行緒相關部分知識點小結

相關知識點

相關推薦