這篇文章主要為大家展示了“css中display屬性是什么意思”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css中display屬性是什么意思”這篇文章吧。
創(chuàng)新互聯(lián)主要從事網(wǎng)站制作、成都網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)富裕,十年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):13518219792
首先我給大家列舉出cssdisplay常用的幾個(gè)值：none、block、inline、inline-block
接下來我們通過具體的代碼實(shí)例來一一詳解cssdisplay屬性用法。
一、cssdisplayblock屬性具體示例介紹
以上代碼通過瀏覽器訪問，效果如圖1：
eb43f3f17448da89e19b35d8d70e4b7.png
我們把a(bǔ)標(biāo)簽中的display:block;屬性注釋掉，其效果如圖2：
1b897a81fdb8a9e72c12eec7d6c0f42.png
那么大家通過圖1和圖2的比較可以發(fā)現(xiàn)，圖1中因?yàn)樵O(shè)置了display:block屬性，a中元素塊能顯示寬高以及內(nèi)外邊距設(shè)置。而圖2中只是把displayblock屬性去掉，就導(dǎo)致全部元素塊不能設(shè)置寬高。
也就是說displayblock屬性可以將行內(nèi)元素設(shè)置為塊級(jí)元素，隨后設(shè)置它的寬高和上下左右的內(nèi)外邊距padding和margin?？梢酝ㄟ^這個(gè)屬性進(jìn)而達(dá)到我們想要的效果。
二、cssdisplaynone屬性具體示例介紹
a元素不會(huì)顯示出來
效果如下圖3：
ad0cb1f3cb1e3fd0fe8a8d9550f354a.png
從圖3可以發(fā)現(xiàn)，我們?cè)诮oa設(shè)置了display:none;屬性后，其所有元素就隱藏了不會(huì)顯示出來。所以顯然決定display隱藏顯示的屬性值就是none屬性。displaynone通常會(huì)被用在導(dǎo)航欄一二級(jí)欄目的設(shè)計(jì)上。
三、cssdisplayinline屬性介紹
p標(biāo)簽是塊級(jí)元素。
此時(shí)顯示為內(nèi)聯(lián)元素，不換行。
重慶分公司
重慶分公司