CSS_Flex佈局

Flex佈局

Flex佈局父元素

 display: felx | inline-felx;
 flex-direction: row | row-reverse | column | column-reverse; 決定主軸的方向
 felx-wrap: nowrap | wrap | wrap-reverse;  主軸如何換行
 felx-flow: row nowrap;
 justify-content: flex-start | flex-end | center | space-between | space-around;
 align-items: flex-start | felx-end | center | baseline | stretch;
 align=content: felx-start | felx-end | center | space=between | cpace-around | stretch; 多跟軸線的對齊方式,只有一條時不起作用.

Flex佈局子元素

order: 0;項目的排列順序,數值越小,排序越靠前,最小爲0.
flex-grow:0;項目的放大比例.
flex-shrink:1;
flex-basis: 350px;
flex: 0 1 auto;
align-self: auto | felx-start | flex-end | center | baseline | stretch;
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章