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

                ??一站式輕松地調用各大LLM模型接口,支持GPT4、智譜、豆包、星火、月之暗面及文生圖、文生視頻 廣告
                ## 對元素垂直水平居中的幾種處理方法 ![](https://box.kancloud.cn/3081f14a819db4bb998e46d26e4913ef_314x305.png) ~~~ <style> .parent{ width: 200px; height: 200px; background-color: green; } .child{ width: 100px; height: 100px; background-color: red; } </style> <div class="parent"> <div class="child"></div> </div> ~~~ ### 1.將父元素的display屬性設為flex ~~~ /*css樣式代碼:*/ .parent{ display: flex; justify-content: center;/*該屬性在flex、float布局里有詳細說明*/ align-items: center;/*該屬性在flex、float布局里有詳細說明*/ } ~~~ ### 2.分別給父元素和子元素相對定位與絕對定位 #### 2.1利用top、left、margin屬性進行調整 ~~~ /*css樣式代碼:*/ .parent{ position: relative; } .child{ position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; } ~~~ #### 2.2利用top、left、transform屬性進行調整 ~~~ /*css樣式代碼:*/ .parent{ position: relative; } .child{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } ~~~ #### 2.3利用top、left、bottom、right屬性進行調整 ~~~ /*css樣式代碼:*/ .parent{ position: relative; } .child{ position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } ~~~
                  <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>

                              哎呀哎呀视频在线观看