建站
咨詢
售后
建站咨詢
新聞中心
css中display的作用？
display屬性規(guī)定元素應(yīng)該生成的框的類型。這個(gè)屬性用于定義建立布局時(shí)元素生成的顯示框類型。對(duì)于 HTML 等文檔類型，如果使用 display 不謹(jǐn)慎會(huì)很危險(xiǎn)，因?yàn)榭赡苓`反 HTML 中已經(jīng)定義的顯示層次結(jié)構(gòu)。
1、none： 元素不會(huì)顯示，而且改元素現(xiàn)實(shí)的空間也不會(huì)保留。但有另外一個(gè) visibility: hidden， 是保留元素的空間的。
2、inline： display的默認(rèn)屬性。將元素顯示為內(nèi)聯(lián)元素，元素前后沒有換行符。我們知道內(nèi)聯(lián)元素是無法設(shè)置寬高的，所以一旦將元素的display 屬性設(shè)為 inline， 設(shè)置屬性height和width是沒有用的。此時(shí)影響它的高度一般是內(nèi)部元素的高度(font-size)和padding。
3、block： 將元素將顯示為塊級(jí)元素，元素前后會(huì)帶有換行符。設(shè)置為block后，元素可以設(shè)置width和height了。元素獨(dú)占一行。
4、inline-block：行內(nèi)塊元素。這個(gè)屬性值融合了inline 和 block 的特性，即是它既是內(nèi)聯(lián)元素，又可以設(shè)置width和height。
網(wǎng)頁的源文件中css中“display”屬性是什么意思？
這個(gè)屬性用于定義建立布局時(shí)元素生成的顯示框類型。對(duì)于 HTML 等文檔類型，如果使用 display 不謹(jǐn)慎會(huì)很危險(xiǎn)，因?yàn)榭赡苓`反 HTML 中已經(jīng)定義的e799bee5baa6e79fa5e98193e4b893e5b19e31333264643165顯示層次結(jié)構(gòu)。對(duì)于 XML，由于 XML 沒有內(nèi)置的這種層次結(jié)構(gòu)，所有 display 是絕對(duì)必要的。
注釋：CSS2 中有值 compact 和 marker，不過由于缺乏廣泛的支持，已經(jīng)從 CSS2.1 中去除了。
所有主流瀏覽器都支持 display 屬性。
注釋：如果規(guī)定了 !DOCTYPE，則 Internet Explorer 8 （以及更高版本）支持屬性值 "inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、"table-row-group"、以及 "inherit"。
你是想要學(xué)習(xí)相關(guān)技術(shù)課程嗎？你可以去優(yōu)就業(yè)了解一下相關(guān)的課程
解決CSS中display與visibility的區(qū)別？
區(qū)別：
1、占用域的空間不同。 visibility要占用域的空間，而display則不占用。 visibility和display都可以實(shí)現(xiàn)對(duì)頁的隱藏，例如： 將元素display屬性設(shè)為 block，會(huì)在該元素后換行。 將元素display屬性設(shè)為 inline，會(huì)消除元素?fù)Q行。 將元素display屬性設(shè)為 none，隱藏該元素內(nèi)容，且不占用域的空間。 將元素visibility屬性設(shè)為 hidden，隱藏該元素內(nèi)容，但占用域的空間。 將元素visibility屬性設(shè)為 visible，顯示元素內(nèi)容。
2、回應(yīng)正常文檔流的不同。 如果你想隱藏某元素，但在頁面上保留該元素的空間的話，你應(yīng)該使用visibility：hidden 。如果你想在隱藏某元素的同時(shí)讓其它內(nèi)容填充空白的話應(yīng)該使用display：none 。 在現(xiàn)實(shí)中我發(fā)現(xiàn)人們更多的傾向于使用display 屬性（相信這也是大多數(shù)人的習(xí)慣）。當(dāng)你決定用display：none 來隱藏一個(gè)元素時(shí)，你必須知道其它內(nèi)容將填充到該元素留下的空白位置，從而改變頁面的布局。
到此，以上就是小編對(duì)于css中display的屬性的問題就介紹到這了，希望這3點(diǎn)解答對(duì)大家有用。
新聞標(biāo)題：css中display的作用？（css中display屬性有幾種含義）
鏈接地址：http://www.5511xx.com/article/cogcohp.html
