精通CSS與HTML設計模式 第九章(定位:進階)

來源:互聯網
上載者:User

       這一章對所有的定位進行總結

  

一、靠左對齊

塊狀元素置中

內嵌元素無效

          ① 要將內容靠左對齊      將text-align:left  賦值包含的塊狀元素,因為內嵌元素是包含內容大小的

          ②靠左對齊的設定尺寸的元素    magin-left:0  將它靠左對齊,使用margin-right :auto阻止它靠右對齊,對於絕對位置的元素,採用left:0靠左對齊,right:auto來阻止它靠右對齊 

          ③要建立一個靠左對齊並且展開的元素      可以使用width:auto,margin-left:0,margin-right:0來展開它的寬度至左右側。對於一個絕對元素,可以使用left:0和right:0 來展開它至左右兩側

          ④要建立一個靠左對齊的包裹元素    left:0或margin-left:0

          註:IE6不支援展開

 二、左位移

        margin-left:value      正值向右位移    負值向左位移

三、靠右對齊

       同靠左對齊

四、右位移

       同左位移

五、中心對齊

       內容中心對齊            text-align:center

       對於設定尺寸的絕對位置元素中心對齊       left:0px;right:0px;margin-left:auto;margin-right:auto

 

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.