這篇文章給大家分享的是有關(guān)css的display屬性怎么實現(xiàn)塊級元素和內(nèi)聯(lián)元素的相互轉(zhuǎn)換的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計制作、成都網(wǎng)站建設(shè)與策劃設(shè)計,貴德網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10多年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:貴德等地區(qū)。貴德做網(wǎng)站價格咨詢:028-86922220

默認(rèn)情況下，段落

（塊級元素）的默認(rèn)display值為block，但可以呈現(xiàn)為內(nèi)聯(lián)值：

p{display:inline;}

為什么不使用一個HTML內(nèi)聯(lián)元素，比如呢？

因為您選擇HTML元素來表示它的意義，而不是它的渲染。如果我們決定一個段落是最適合我們的內(nèi)容的，我們就不能僅僅為了造型的目的而改變標(biāo)簽。CSS是實現(xiàn)樣式的。

簡而言之，display允許在不改變其含義的情況下改變元素的類型。

每個display選項都有特定的渲染行為：

block將占用整個寬度

inline將作為純文本

inline-block正如它的名字所暗示的那樣，是一種塊狀和內(nèi)聯(lián)行為的復(fù)合體，是“兩全其美”的選擇

list-item類似于block占用可用的整個寬度，但顯示了一個額外的項目符號

table，table-row并且table-cell都有非常具體的，雖然意外，行為，讓更多的有趣布局

display：block

這會將任何元素轉(zhuǎn)換為塊元素。

此技術(shù)通常用于鏈接以增加其可點擊區(qū)域，可通過設(shè)置背景顏色輕松評估。

.menua{background:red;color:white;}

感謝各位的閱讀！關(guān)于“css的display屬性怎么實現(xiàn)塊級元素和內(nèi)聯(lián)元素的相互轉(zhuǎn)換”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！