彈性布局
彈性布局又稱彈性盒子，伸縮盒子，是css3中的有一種布局方法，主要用來代替浮動float來完成頁面布局；可以使元素具有彈性，可以根據瀏覽器視窗的大小，進行自適應的放大縮小。
要使用彈性布局，就必須先將乙個元素設定為彈性容器；
我們可以通過 display 來設定彈性容器；display ：flex ；設定為塊級彈性容器； display ：inline-flex ；設定為行內彈性容器，這兩個的區別是：flex 獨佔一行，後面的元素將另起一行顯示，而 inline-flex 可以和其他元素同佔一行。
當乙個元素設定 display ：flex ; 後，將自動成為彈性容器，它後面的子元素將成為彈性元素，將自動排成一行；
我們可以通過給彈性容器設定 flex-direction ：來設定彈性容器中彈性元素的排列方向；flex-direction : row ; 預設值；彈性元素在彈性容器中水平排列（從左向右）；
flex-direction : row-reverse ; 彈性元素在彈性容器中水平反向排列（從右向左）；
flex-direction : column; 彈性元素在彈性容器中縱向垂直排列（從上向下）；
flex-direction : column-reverse; 彈性元素在彈性容器中反向垂直排列（從下往上）；
彈性容器的子元素稱之為彈性元素，也叫彈性項；乙個元素可以同時設定為彈性容器或者彈性元素
CSS3彈性布局flex
彈性盒子由彈性容器 flex container 和彈性子元素 flex item 組成。彈性容器通過設定 display 屬性的值為 flex 或 inline flex將其定義為彈性容器。彈性容器內包含了乙個或多個彈性子元素。注意 彈性容器外及彈性子元素內是正常渲染的。彈性盒子只定義了彈性子元素...
CSS3 彈性布局flex
css3中的彈性布局也叫flex布局，它是我們現在主要用的布局方式之一 它的優點就是方便快捷，有更大的靈活性 彈性盒子包括 彈性容器和彈性子元素，彈性容器dispaly flex 彈性子元素flex item 容器屬性 1.換行 flex wrap wrap nowrap 預設 不換行，所有子元素都...
css3彈性方塊布局 Flex
css3彈性方塊布局 flex 比較適合移動端的使用，下面是各瀏覽器的相容情況 先說一下自己的理解。剛開始看到這個就有點懵，怎麼一會是box，一會是flexbox，一會又是flex，到底是什麼鬼東西！其實他們只是不同版本的寫法而已 2009 version 標誌 display box or a p...