摘要:屬性主要用來建立頁面布局此時(shí)對應(yīng)元素不會顯示,用于隱藏元素此元素將顯示為塊級元素,并且前后都會有換行符,可以設(shè)置該元素的以及默認(rèn)值,此元素顯示為內(nèi)聯(lián)元素,元素前后沒有換行符,且不能通過以及來設(shè)置元素的寬度以及高度行內(nèi)塊元素,顯示為內(nèi)聯(lián)元素
display屬性
display主要用來建立頁面布局
none:此時(shí)對應(yīng)元素不會顯示,用于隱藏元素
block:此元素將顯示為塊級元素,并且前后都會有換行符,可以設(shè)置該元素的width以及height
inline: 默認(rèn)值,此元素顯示為內(nèi)聯(lián)元素,元素前后沒有換行符,且不能通過width以及height來設(shè)置元素的寬度以及高度
inline-block:行內(nèi)塊元素,顯示為內(nèi)聯(lián)元素,可以設(shè)置寬度以及高度
list-item: 此元素作為列表顯示
run-in:此元素會根據(jù)上下文作為塊級元素還是內(nèi)聯(lián)元素顯示
table:此元素作為塊級表格顯示,類似 inline-table:此元素作為內(nèi)聯(lián)表格顯示,類似 table-row-group:類似
table-header-group:類似
table-footer-group:類似
table-row:類似 table-column-group:類似 table-column:類似 table-cell:類似 table-caption:類似 inherit:規(guī)定從父元素繼承display屬性 文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。 轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/112231.html 摘要:如果項(xiàng)目只有一根軸線,該屬性不起作用。后兩個(gè)屬性可選。彈性比為的子代占據(jù)父代框的空間是彈性比為的同級屬性的兩倍。其默認(rèn)值為,也就是不具有彈性。此元素會根據(jù)上下文作為塊級元素或內(nèi)聯(lián)元素顯示柵格模型,類似柵格模型,類似轉(zhuǎn)自屬性詳解作者
display的所有屬性
{/* CSS 1 */
display: none;
display: inline;
display: block;
disp... 摘要:如果項(xiàng)目只有一根軸線,該屬性不起作用。后兩個(gè)屬性可選。彈性比為的子代占據(jù)父代框的空間是彈性比為的同級屬性的兩倍。其默認(rèn)值為,也就是不具有彈性。此元素會根據(jù)上下文作為塊級元素或內(nèi)聯(lián)元素顯示柵格模型,類似柵格模型,類似轉(zhuǎn)自屬性詳解作者
display的所有屬性
{/* CSS 1 */
display: none;
display: inline;
display: block;
disp... 摘要:后兩個(gè)屬性可選。此元素會根據(jù)上下文作為塊級元素或內(nèi)聯(lián)元素顯示柵格模型,類似柵格模型,類似
原文地址:http://zhanfang.github.io/2016/07/22/display屬性詳解轉(zhuǎn)載請注明地址及作者: zhanfang
最近瞎忙了好長一段時(shí)間,一直沒時(shí)間寫文章,想深入學(xué)習(xí)一下css的相關(guān)屬性,所以有了這篇文章,如有錯(cuò)誤請指針。
display的所有屬性
/* CSS ... 摘要:后兩個(gè)屬性可選。此元素會根據(jù)上下文作為塊級元素或內(nèi)聯(lián)元素顯示柵格模型,類似柵格模型,類似
原文地址:http://zhanfang.github.io/2016/07/22/display屬性詳解轉(zhuǎn)載請注明地址及作者: zhanfang
最近瞎忙了好長一段時(shí)間,一直沒時(shí)間寫文章,想深入學(xué)習(xí)一下css的相關(guān)屬性,所以有了這篇文章,如有錯(cuò)誤請指針。
display的所有屬性
/* CSS ... 摘要:塊級元素元素默認(rèn)是塊級元素默認(rèn)也是塊級元素塊級元素的特點(diǎn)元素的內(nèi)容會充滿整行行內(nèi)元素屬性為的元素被稱為內(nèi)連元素。行內(nèi)塊級元素屬性為的元素被稱為行內(nèi)塊級元素。
display
css定位屬性Positioning
display: none
不再頁面渲染元素
css-test
.content {
display: none;
... 閱讀 2406·2021-11-18 10:02 閱讀 1922·2021-10-13 09:40 閱讀 2999·2021-09-07 10:07 閱讀 2106·2021-09-04 16:48 閱讀 1005·2019-08-30 13:18 閱讀 2452·2019-08-29 14:03 閱讀 2922·2019-08-29 12:54 閱讀 3155·2019-08-26 11:41,前后有換行符
,前后沒有換行符
或者
相關(guān)文章
CSS display 屬性詳解
CSS display 屬性詳解
CSS display 屬性詳解
CSS display 屬性詳解
css之display
發(fā)表評論
0條評論
paulli3
男|高級講師
TA的文章
閱讀更多
【STM32+cubemx】0011 HAL庫開發(fā):I2C總線訪問加速度傳感器ADXL345
保姆級教程HTML兩萬字筆記大總結(jié)【建議收藏】(上篇)
DediPath九月4折:洛杉磯VPS月付1.4美元起;美國獨(dú)立服務(wù)器月付39美元起
TOB主題2.7版本更新:重做文章主列表、新增菜單圖標(biāo)支持、麵包屑、彩色標(biāo)籤、縮略圖圓角
前端開源項(xiàng)目周報(bào)0103
CSS盒子模型以及外邊框合并的問題
CSS display屬性
可拖動table表頭的實(shí)現(xiàn)