flex佈局(彈性佈局、伸縮佈局)

flex是CSS3中的一種佈局方式 主要介紹下彈性佈局的常用的一些屬性 當一個盒子設置爲display:flex的時候,盒子會變爲一個彈性盒子,盒子內部的子元素會默認沿着主軸方向排布,此時會引出主軸和側軸的概念。 主軸:默認水平向右(類似於X軸) 側軸:與主軸垂直的就是側軸,默認垂直向下(類似於Y軸) 主軸方向（flex-direction) 彈性盒子的主軸方向默認水平向右,但是可以通過flex-

>>阅读原文<<