<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                # Flexbox時代已經到來 為何說Flexbox時代已經到來呢? 我們可以想想,在之前傳統的布局過程中,我們是基于盒模型基于浮動或者定位來布局,那這些布局的缺陷就是調試麻煩,針對一些特殊布局不容易實現,像比較經典的垂直居。那我們所說的網頁布局也是我們CSS的重點應用。 ![](https://box.kancloud.cn/086ef529ca70620ce68d6dcf07441ec0_403x352.png) 在2009年,W3C提出了一種新的解決方案,就是Flex布局,可以簡便、完整、響應式地實現各種頁面布局。目前它已經得到了所有瀏覽器的支持,所以現在我們可以放心大膽的來使用。可以看下這是[caniuse](http://caniuse.com/#search=flexbox)上的查詢結果: ![](https://box.kancloud.cn/427f6cb2e4057d8994f76230e2959e07_668x574.png) 那未來的布局,不論是移動端還是PC端,Flex布局將成為主流。 ![](https://box.kancloud.cn/1d8827c335c3b488c1176657ce1dbbd3_700x368.png) 以下是Flexbox相關的一些素材,可以學習的時候作為參考: * [Specification](http://www.w3.org/TR/css3-flexbox/) [w3.org]--ref * [Flexbox CSS generator](http://bennettfeely.com/flexplorer/) [bennettfeely.com] --tool * [A Complete Guide to Flexbox](http://css-tricks.com/snippets/css/a-guide-to-flexbox/) [css-tricks.com]--info * [Examples on how to solve common layout problems with flexbox](http://philipwalton.github.io/solved-by-flexbox/) [philipwalton.github.io] --info * [Flexbox playground and code generator](http://the-echoplex.net/flexyboxes/)[the-echoplex.net]--tool 讓我們一起領略Flexbox的魅力吧~~
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看