web端彈性盒子知識點(diǎn)
彈性容器屬性
值：row | row-reverse | column | column-reverse
默認(rèn)：row
“flex-wrap”屬性控制了容器為單行還是多行萎战。如果允許換行眼溶，這個屬性允許你控制行的堆疊方向。
值：nowrap | wrap | wrap-reverse
默認(rèn)：nowrap
nowrap：flex 的元素被擺放到到一行士嚎，這可能導(dǎo)致溢出 flex 容器
wrap：flex 元素 被打斷到多個行中
wrap-reverse：flex 元素 被打斷到多個行中,start和end調(diào)換
“flex-flow”屬性是設(shè)置“flex-direction”和“flex-wrap”的簡寫垂涯，可以同時定義主軸和側(cè)軸。
默認(rèn)值：row nowrap
“justify-content”屬性將彈性元素沿容器主軸方向?qū)R航邢。當(dāng)所有彈性元素的長度和邊距都設(shè)置好之后耕赘，布局完成。一般情況下膳殷，當(dāng)行內(nèi)所有彈性元素尺寸不可變或可變且達(dá)到最大尺寸的情況下操骡，該屬性會分配剩余可用空間。同時赚窃，當(dāng)元素溢出行的時候册招，它也會對其排列做出控制。
值：flex-start | flex-end | center | space-between | space-around 默認(rèn)值：flex-start
同上勒极，是側(cè)軸是掰。∪枘洌“align-items”設(shè)置彈性盒子的所有子元素的對齊方式键痛，包括匿名彈性元素。元素可以通過單獨(dú)設(shè)置“align-self”來覆蓋該屬性匾七。（對于匿名彈性元素絮短，“align-self'”屬性總是與“align-items”相同。）
值：flex-start | flex-end | center | baseline | stretch 默認(rèn)值：stretch
“align-content”屬性設(shè)置了容器內(nèi)每行沿側(cè)軸的對齊方式昨忆。與“justify-content”屬性在主軸方向?qū)R單獨(dú)元素的方式相似丁频。如果容器內(nèi)只有一行，該屬性無效邑贴。
默認(rèn)值：stretch
align-self彈性元素自對齊
用來單獨(dú)設(shè)置彈性元素在側(cè)軸的對齊方式席里，功能與“align-items”相同÷＜荩可以覆蓋“align-items”屬性奖磁。
值：auto | flex-start | flex-end | center | baseline | stretch
默認(rèn)值：auto
彈性元素屬性
彈性盒子順序
“order”屬性規(guī)定了彈性容器中的可伸縮項(xiàng)目在布局時的順序。元素按照 order 屬性的值的增序進(jìn)行布局独旷。擁有相同 order 屬性值的元素按照它們在源代碼中出現(xiàn)的順序進(jìn)行布局署穗。
默認(rèn)值 0
彈性盒子增長
“flex-grow”屬性定義彈性盒子項(xiàng)（flex item）的拉伸因子，不接受負(fù)值嵌洼。等同于我們在react-native中設(shè)置的flex值
默認(rèn)值：0
彈性盒子收縮
“flex-shrink”屬性設(shè)置了收縮因數(shù)案疲，不接受負(fù)值。
默認(rèn)值：1
彈性盒子伸縮
“flex-basis”屬性設(shè)置了彈性框伸縮的基準(zhǔn)值麻养，不接受負(fù)值褐啡。
指定了 flex 元素在主軸方向上的初始大小。如果不使用 box-sizing 來改變盒模型的話鳖昌，那么這個屬性就決定了 flex 元素的內(nèi)容盒（content-box）的寬或者高（取決于主軸的方向）的尺寸大小备畦。
值：類似“width”低飒，即width能用的值這里都能用 默認(rèn)值：auto
