1. 程式人生 > >HTML與CSS的一些知識(四)

HTML與CSS的一些知識(四)

  續:

    line-height  用於設定一行文字行高,一般用於文字的垂直居中;

    display  用於設定元素的顯示方式

    float  浮動,讓元素漂浮起來排列

      浮動的影響:

        a.浮動後,行內元素可以支援寬高

        b.文字會讓位,繞排

        c.不能撐起父級高度,父級若沒設高度,就沒有高度;

      清除浮動影響:

        a.給父級內容最後新增一個 div ,新增 clear 屬性

        b.給父級設定 overflow:hidden (不推薦使用)

        c.使用偽元素 after 

          元素名:after{content:“”;display:block;visibility:hidden;clear:both;height:0;line-height:0;}元素名{zoom:1(針對ie678)}

        d.使用雙偽元素 after和 before

          元素名:after ,元素名:before{content:“”;display:table;clear:both;}元素名{zoom:1(針對ie678)}

    position  定位

    vertical-align  元素垂直對齊方式;定義基線對齊方式;