探究CSS display屬性用法
本文向大家描述一下CSS display 屬性的使用,它用于定義建立布局時(shí)元素生成的顯示框類型,希望本文介紹對(duì)你的學(xué)習(xí)有所幫助。
CSS display 屬性
定義和用法
display 屬性規(guī)定元素應(yīng)該生成的框的類型。
說(shuō)明
這個(gè)屬性用于定義建立布局時(shí)元素生成的顯示框類型。對(duì)于 HTML 等文檔類型,如果使用 display 不謹(jǐn)慎會(huì)很危險(xiǎn),因?yàn)榭赡苓`反 HTML 中已經(jīng)定義的顯示層次結(jié)構(gòu)。對(duì)于 XML,由于 XML 沒(méi)有內(nèi)置的這種層次結(jié)構(gòu),所有 display 是絕對(duì)必要的。
注釋:CSS2 中有值 compact 和 marker,不過(guò)由于缺乏廣泛的支持,已經(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屬性及其用法簡(jiǎn)介
- IE6.0對(duì)padding的解讀分析
- 探究CSS中border-top屬性的使用
- CSS中使用margin屬性定義網(wǎng)頁(yè)邊距
- CSS中cellspacing和cellpadding屬性用法揭秘

















