CSS中的display屬性非常重要,它可以用來決定一個(gè)元素該怎么顯示,常用的值有:block、inline、inline-block、none。
/* block元素 */ p { display: block; } /* inline元素 */ span { display: inline; } /* inline-block元素 */ div { display: inline-block; } /* 隱藏元素 */ img { display: none; }
block元素通常用來布局塊級(jí)元素,它會(huì)獨(dú)占一行,如果不需要獨(dú)占一行,可以使用inline-block。inline元素通常用來布局行內(nèi)元素,它不會(huì)獨(dú)占一行,而是依次排列。inline-block元素既可以獨(dú)占一行,也可以依次排列,它比較靈活,使用時(shí)要根據(jù)具體情況決定。
最后一個(gè)值是none,它表示隱藏元素,這個(gè)屬性可以用來控制元素的顯示和隱藏,常用于JavaScript代碼中。
上一篇css布局圖片素材