flex简写含义

flex简写

flex: 0 1 auto; (默认值)

flex是三个属性的简写：flex-grow, flex-shrink, flex-basis;

1. flex: none;     等于    flex: 0 0 auto;

2. flex: auto;      等于    flex: 1 1 auto;

3. flex: 1;           等于    flex: 1 1 0%;

4. flex: 0%;        等于    flex: 1 1 0%;

5. flex: 50px;     等于    flex: 1 1 50px;

6. flex: 2 3;         等于    flex: 2 3 0%;

7. flex: 2 (20px或者20%);      等于     flex: 2 1 20px或20%;