<delect id="sj01t"></delect>
  1. <em id="sj01t"><label id="sj01t"></label></em>
  2. <div id="sj01t"></div>
    1. <em id="sj01t"></em>

            <div id="sj01t"></div>

            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

            <delect id="sj01t"></delect>
            1. <em id="sj01t"><label id="sj01t"></label></em>
            2. <div id="sj01t"></div>
              1. <em id="sj01t"></em>

                      <div id="sj01t"></div>
                      黄色视频在线观看