探究CSS display屬性用法
本文向大家描述一下CSS display 屬性的使用,它用于定義建立布局時(shí)元素生成的顯示框類型,希望本文介紹對你的學(xué)習(xí)有所幫助。
CSS display 屬性
定義和用法
display 屬性規(guī)定元素應(yīng)該生成的框的類型。
說明
這個(gè)屬性用于定義建立布局時(shí)元素生成的顯示框類型。對于 HTML 等文檔類型,如果使用 display 不謹(jǐn)慎會很危險(xiǎn),因?yàn)榭赡苓`反 HTML 中已經(jīng)定義的顯示層次結(jié)構(gòu)。對于 XML,由于 XML 沒有內(nèi)置的這種層次結(jié)構(gòu),所有 display 是絕對必要的。
注釋:CSS2 中有值 compact 和 marker,不過由于缺乏廣泛的支持,已經(jīng)從 CSS2.1 中去除了。
實(shí)例
使段落生出行內(nèi)框:
- p.inline
- {
- display:inline;
- }
瀏覽器支持
所有主流瀏覽器都支持 display 屬性。
注釋:任何版本的 Internet Explorer (包括 IE8)都不支持 "inherit"、"inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、以及 "table-row-group" 屬性值。
可能的值
【編輯推薦】
- CSS中l(wèi)etter-spacing屬性及其用法簡介
- IE6.0對padding的解讀分析
- 探究CSS中border-top屬性的使用
- CSS中使用margin屬性定義網(wǎng)頁邊距
- CSS中cellspacing和cellpadding屬性用法揭秘