是css3中的一種新的布局模式，是可以自動調整子元素的高和寬，來很好的填充任何不同螢幕大小的顯示裝置中的可用顯示空間，收縮內容防止內容溢位，確保元素擁有恰當的行為的布局方式。
2、主軸 和 側軸
屬性名取值描述
flexdirection
row, row-reverse, column, column-reverse
對應 css flex-direction 屬性,預設為column
flexwrap
wrap, nowrap
對應 css flex-wrap 屬性，但閹割了 wrap-reverse 取值
justifycontent
flex-start, flex-end, center, space-between, space-around
對應 css justify-content 屬性，但閹割了 stretch 取值。
alignitems
flex-start, flex-end, center, stretch,baseline
對應 css align-items 屬性。
aligncontent
flex-start, flex-end, center, stretch, space-between, space-around
對應 css align-items 屬性。
flex
number
對應 css flex 屬性，但只能為正整數值才會具有彈性
alignself
auto, flex-start, flex-end, center, stretch,baseline
對應 css align-self 屬性
flexgrow
number
對應 css flex-grow 屬性
flexshrink
number
對應 css flex-shrink 屬性
flexbasis
number
對應 css flex-basis 屬性
5、 flex的優缺點
優點：對於某些複雜的布局很容易實現
缺點：相容性，不能相容ie9及以下瀏覽器，移動端都能支援
const styles = stylesheet.create(,
welcome: ,
instructions: ,
});
proptypes:
用的時候：
8、position屬性只有absolute和relative，不能用zindex。
flex布局 Flex布局
摘要 flex布局主要思想是讓容器有能力讓其子專案能夠改變其寬度 高度 甚至順序 以最佳方式填充可用空間 主要是為了適應所有型別的顯示裝置和螢幕大小 作者 星星 flex 是 flexible box 的縮寫，意為 彈性布局 flex布局主要思想是讓容器有能力讓其子專案能夠改變其寬度 高度 甚至順序...
flex布局中的flex屬性詳解
一 理論 display flex 容器屬性 flex direction，flex wrap，flex flow，justify content，align items，align content 專案的屬性 order，flex grow，flex shrink，flex basis，flex，...
css中的flex布局
flex布局為 彈性盒布局 用彈性布局的方式有極大的靈活性，任何元素都可以使用flex布局，不管是行內元素或者是快級元素任何乙個容器都可以作為flex布局。box1 主軸的方向 即子元素的排序方向。橫向 反向橫向 豎向 反向豎向。flex direction row row reverse colu...