css display屬性的定義是可以將頁面元素隱藏或者顯示出來,也可以將元素強制改成塊級元素或內聯元素,在頁面布局和JavaScript特效中常常用到display屬性。
css display屬性中最常用的屬性值有四個,分別是block、inline-block、inline和none。
其中block是設置元素為塊狀元素,如果不指定寬高,默認會繼承父元素的寬度,并且獨占一行,即使寬度有剩余也會獨占一行,高度一般以子元素撐開的高度為準,當然也可以自己設置寬度和高度。
block元素的特點有:
1、總是在新行上開始;
2、高度,行高以及頂和底邊距都可控制;
3、寬度缺省是它的容器的100%,除非設定一個寬度。
塊元素特點:
1.獨占一行
2.元素的寬高和內外邊距都可以設置
3.寬度如果不設置就是父級元素的100%
常見的塊元素有以下幾種:p div table h2 h3 h4 h5 h6 h7 ul ol li
行內元素特點:
1.和其他元素可以在同一行
2.不能設置寬高,不能設置內外邊距
3.寬度就是圖片或文字的寬度,不可以改變
常見的行內元素有以下幾種:span img br input
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。