? ? ?我們?cè)谌萜鞯膶傩裕弦徽戮鸵呀?jīng)有所總結(jié)形娇，通過主軸和交叉軸的配合使用锰霜，我們可以完全滿足項(xiàng)目的布局對(duì)齊方式。（注意：我們首先的是要確定我們的主軸方向和容器的元素）桐早，flex布局還有一個(gè)重要的屬性是分配空間的癣缅。分配空間是，我們首先要對(duì)項(xiàng)目的布局和占位以及UI的美觀來確定關(guān)鍵屬性勘畔。分配空間是項(xiàng)目的必須要關(guān)注的所灸，UI給我們的是標(biāo)準(zhǔn)的尺寸，我們要把具體的尺寸轉(zhuǎn)化為具體的比例炫七。分配空間就是按照比例開進(jìn)行分配。每個(gè)項(xiàng)目的比例是按照空間比例來進(jìn)行的钾唬，在縮放和不同的屏幕的尺寸情況下万哪，我們要保證項(xiàng)目的布局不失真，就要按照比例進(jìn)行設(shè)置抡秆。我們需要項(xiàng)目的屬性來進(jìn)行設(shè)置奕巍。
1：order：定義項(xiàng)目的排列順序。數(shù)值越小儒士，排列在前面的止。order的值是按照數(shù)值的大小進(jìn)行排列。數(shù)值越小着撩，排列在最前面诅福。
2：flex-grow:定義的是項(xiàng)目的放大比例匾委。也是各個(gè)項(xiàng)目的分割比例。把剩余的空間進(jìn)行劃成份數(shù)氓润，進(jìn)行把單行的剩下的空間進(jìn)行分成份數(shù)來進(jìn)行按比例分配赂乐。我們就可以通過不同的份數(shù)進(jìn)行按照比例進(jìn)行排列。如果咖气，一個(gè)項(xiàng)目的flex-grow的屬性為2挨措，其它項(xiàng)目的都是為1的話，占的空間是其它項(xiàng)目的2倍崩溪。這是空間充足的時(shí)候浅役，我們要設(shè)置的項(xiàng)目的屬性。flex-grow的項(xiàng)目屬性伶唯。
3：flex-shrink:定義了項(xiàng)目的縮小比例觉既。默認(rèn)為1：縮小的時(shí)候，我們是空間不足的時(shí)候抵怎，我們才用到縮小的屬性奋救。flex-shrink。如果反惕，不是主要的展示數(shù)據(jù)的模塊的話尝艘，我們一般來講，放大比例和縮小比例是一樣的姿染。為了更加的美觀背亥。
4：flex-basis:是我們的項(xiàng)目占主軸的空間的。默認(rèn)值的空間悬赏，和width狡汉，height屬性一樣，將會(huì)固定下來闽颇。我們?cè)谶@里可以簡(jiǎn)寫盾戴，flex: 1 1 100px; 第一個(gè)值是flex-grow 第二個(gè)值是：flex-shrink;第三個(gè)值 是flez-basis;
5:align-self:通過字面的意思，我們就可以知道兵多，是項(xiàng)目自己設(shè)置的屬性尖啡，是設(shè)置自己項(xiàng)目和其他項(xiàng)目不一樣的對(duì)齊方式，繼承了父集容器的align-items的屬性剩膘，如果衅斩，沒有父元素，則等同于stretch.
該屬性也有align-items的屬性怠褐，對(duì)齊方式的屬性畏梆。（除了auto以外），屬性和align-items一致。
我們可以通過在縮放奠涌，放大的情況下宪巨，可以在項(xiàng)目上，設(shè)置項(xiàng)目的屬性铣猩，有align-shrink=0;這樣揖铜，在圖片的空間,我們可以通過放大的縮小來進(jìn)行排版布局。
在我們移動(dòng)端的布局時(shí)候达皿，我們可以在大的模塊中天吓，使用flex布局，主軸和交叉軸的方向進(jìn)行排版峦椰，通過容器的屬性和項(xiàng)目的屬性來進(jìn)行具體的設(shè)置龄寞。如果，我們需要給具體的項(xiàng)目來進(jìn)行具體的寬度和高度汤功，我們可以用rem來進(jìn)行布局物邑，這樣，保證我們的頁面的設(shè)計(jì)和尺寸不失真滔金，在放大和縮小的情況下色解，我們可以保持不失真的狀態(tài)。在導(dǎo)航餐茵，下拉菜單科阎，我們一般就是用flex布局。具體的項(xiàng)目的時(shí)候忿族，我們要記住主軸的方向和具體的標(biāo)簽容器锣笨。
