<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>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                ## 使用css方法父盒子設置 ``` .father{ 父元素 background-color:#222; width: 600px; height: 600px; display: table-cell; 此元素會作為一個表格單元格顯示(類似 <td> </th>) text-align: center; vertical-align:middle; 設置元素的垂直對齊方式,middle指將此元素放在父元素中部 } .son{ background-color:#555; width: 300px; height: 300px; display: inline-block; 準換為行內快元素 vertical-align: middle; } ``` ## 使用css3的transform 原理,向將子元素相對于夫元素進移動,然后將元素相對于自己進行移動。 那左上角來看,假如一個夫元素(10,8),子元素(6,4)從左上角來看,先變為5,4然后變為(2,2) ``` .father{ background-color:#222; width: 600px; height: 600px; position: relative; /*規定元素的定位類型,生成相對定位的元素(子絕父相),相對于其正常位置進行的定位*/ } .son{ background-color:#555; width: 300px; height: 300px; transform: translate(-50%,-50%); /*css3屬性,向屬性應用2d或3d轉換,該屬性允許我們對元素進行旋轉,縮放,移動或傾斜。translate(x,y),將元素相對于自己的長和寬進行相應的移動*/ position: absolute; /*生成絕對定位,生成相對于static定位的第一個元素進行定位*/ top: 50%; left: 50%; } ```
                  <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>

                              哎呀哎呀视频在线观看