css中的display是用于規(guī)定應(yīng)該生成的框的類型的屬性。對于html等文檔類型,必須謹(jǐn)慎使用display屬性,否則可能會違反html中已經(jīng)定義的顯示層次結(jié)構(gòu)。
屬性介紹:
display 屬性規(guī)定元素應(yīng)該生成的框的類型。
對于 html 等文檔類型,如果使用 display 不謹(jǐn)慎會很危險,因為可能違反 html 中已經(jīng)定義的顯示層次結(jié)構(gòu)。對于 xml,由于 xml 沒有內(nèi)置的這種層次結(jié)構(gòu),所有 display 是絕對必要的。
(學(xué)習(xí)視頻分享:css視頻教程)
常用屬性值:
none 此元素不會被顯示。
block 此元素將顯示為塊級元素,此元素前后會帶有換行符。
inline 默認(rèn)。此元素會被顯示為內(nèi)聯(lián)元素,元素前后沒有換行符。
inline-block 行內(nèi)塊元素。(css2.1 新增的值)
list-item 此元素會作為列表顯示。
run-in 此元素會根據(jù)上下文作為塊級元素或內(nèi)聯(lián)元素顯示。
舉例:
<!doctype html><html> <head> <meta charset="utf-8" /> <title>display屬性的none屬性值</title> <style type="text/css"> body { background-color: #aaa; } .div { width: 400px; height: 60px; border: 1px solid; margin-top: 10px; } .none { display: none; } </style> </head> <body> <div class="div">元素1</div> <div class="div none">元素2</div> <div class="div">元素3</div> </body></html>相關(guān)推薦:css教程