一.項目排序方式及所占比例：order flex屬性
1. order屬性：
定義項目的排列順序娃循。數(shù)值越小，排列越靠前斗蒋，默認為0捌斧。
<ul>
<li>1</li>
<li style="order:5;">2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
</ul>
此時笛质，第二個li的order值為5，其他的order值為0捞蚂，所以這個li會排在最后一位
2. flex屬性：
定義項目所占位置比例妇押。
<ul>
<li>1</li>
<li style="flex:3;">2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
</ul>
此時，第二個li位置獨占3倍
