<pre id="bbfd9"><del id="bbfd9"><dfn id="bbfd9"></dfn></del></pre>

          <ruby id="bbfd9"></ruby><p id="bbfd9"><mark id="bbfd9"></mark></p>

          <p id="bbfd9"></p>

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

            <th id="bbfd9"><form id="bbfd9"><dl id="bbfd9"></dl></form></th>

            <p id="bbfd9"><cite id="bbfd9"></cite></p><p id="bbfd9"></p>
            <p id="bbfd9"><cite id="bbfd9"><progress id="bbfd9"></progress></cite></p>

            CSS居中浮動元素的使用方法

            時間:2025-11-28 01:40:38 網頁設計

            CSS居中浮動元素的使用方法

              導語:Css功能越來越完美,現在已經能做出各種各樣的樣式,其中居中浮動也是Css知識點中的一個。以下是百分網小編為大家搜集的CSS居中浮動元素的使用方法,供大家參考。

              方法一

              設置容器的浮動方式為絕對定位

              然后確定容器的寬高 比如寬500 高 300 的層

              然后設置層的外邊距

              CSS Code復制內容到剪貼板

              div{

              width:500px;

              height:300px;

              margin:-150px 0 0 -250px;

              position:absolute;

              left:50%;

              top:50%;

              background-color:#000;

              }

              方法二

              父元素和子元素同時左浮動,然后父元素相對左移動50%,再然后子元素相對右移動50%,或者子元素相對左移動-50%也就可以了。

              CSS Code復制內容到剪貼板

              Test Float Element Center

            【CSS居中浮動元素的使用方法】相關文章:

            CSS元素定位的使用方法11-02

            CSS清除浮動01-19

            CSS 如何使p層水平居中02-03

            html元素水平居中的方法09-30

            用CSS讓DIV層水平居中實例12-13

            用CSS讓p層水平居中實例10-08

            CSS清除浮動 萬能float閉合03-02

            CSS的DRY編程方式使用方法01-19

            什么是CSS03-02

                    <pre id="bbfd9"><del id="bbfd9"><dfn id="bbfd9"></dfn></del></pre>

                    <ruby id="bbfd9"></ruby><p id="bbfd9"><mark id="bbfd9"></mark></p>

                    <p id="bbfd9"></p>

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

                      <th id="bbfd9"><form id="bbfd9"><dl id="bbfd9"></dl></form></th>

                      <p id="bbfd9"><cite id="bbfd9"></cite></p><p id="bbfd9"></p>
                      <p id="bbfd9"><cite id="bbfd9"><progress id="bbfd9"></progress></cite></p>
                      飘沙影院