? ? ?我們在容器的屬性，上一章就已經有所總結，通過主軸和交叉軸的配合使用，我們可以完全滿足項目的布局對齊方式。（注意：我們首先的是要確定我們的主軸方向和容器的元素），flex布局還有一個重要的屬性是分配空間的。分配空間是，我們首先要對項目的布局和占位以及UI的美觀來確定關鍵屬性。分配空間是項目的必須要關注的，UI給我們的是標準的尺寸，我們要把具體的尺寸轉化為具體的比例。分配空間就是按照比例開進行分配。每個項目的比例是按照空間比例來進行的，在縮放和不同的屏幕的尺寸情況下，我們要保證項目的布局不失真，就要按照比例進行設置。我們需要項目的屬性來進行設置。
1：order：定義項目的排列順序。數值越小，排列在前面。order的值是按照數值的大小進行排列。數值越小，排列在最前面。
2：flex-grow:定義的是項目的放大比例。也是各個項目的分割比例。把剩余的空間進行劃成份數，進行把單行的剩下的空間進行分成份數來進行按比例分配。我們就可以通過不同的份數進行按照比例進行排列。如果，一個項目的flex-grow的屬性為2，其它項目的都是為1的話，占的空間是其它項目的2倍。這是空間充足的時候，我們要設置的項目的屬性。flex-grow的項目屬性。
3：flex-shrink:定義了項目的縮小比例。默認為1：縮小的時候，我們是空間不足的時候，我們才用到縮小的屬性。flex-shrink。如果，不是主要的展示數據的模塊的話，我們一般來講，放大比例和縮小比例是一樣的。為了更加的美觀。
4：flex-basis:是我們的項目占主軸的空間的。默認值的空間，和width，height屬性一樣，將會固定下來。我們在這里可以簡寫，flex: 1 1 100px; 第一個值是flex-grow 第二個值是：flex-shrink;第三個值 是flez-basis;
5:align-self:通過字面的意思，我們就可以知道，是項目自己設置的屬性，是設置自己項目和其他項目不一樣的對齊方式，繼承了父集容器的align-items的屬性，如果，沒有父元素，則等同于stretch.
該屬性也有align-items的屬性，對齊方式的屬性。（除了auto以外），屬性和align-items一致。
我們可以通過在縮放，放大的情況下，可以在項目上，設置項目的屬性，有align-shrink=0;這樣，在圖片的空間,我們可以通過放大的縮小來進行排版布局。
在我們移動端的布局時候，我們可以在大的模塊中，使用flex布局，主軸和交叉軸的方向進行排版，通過容器的屬性和項目的屬性來進行具體的設置。如果，我們需要給具體的項目來進行具體的寬度和高度，我們可以用rem來進行布局，這樣，保證我們的頁面的設計和尺寸不失真，在放大和縮小的情況下，我們可以保持不失真的狀態。在導航，下拉菜單，我們一般就是用flex布局。具體的項目的時候，我們要記住主軸的方向和具體的標簽容器。
