在CSS中，塊級元素和內(nèi)聯(lián)元素是兩種最基本的HTML元素類型。塊級元素在HTML文檔中獨(dú)占一行，而內(nèi)聯(lián)元素則可以在同一行上排列。但是，在某些情況下，我們需要將塊級元素轉(zhuǎn)換成內(nèi)聯(lián)元素或?qū)?nèi)聯(lián)元素轉(zhuǎn)換成塊級元素。

對于塊級元素轉(zhuǎn)換成內(nèi)聯(lián)元素，我們可以使用 CSS 的display屬性來完成。使用樣式display:inline，可以讓塊級元素變成內(nèi)聯(lián)元素，如下所示：

div {
display: inline;
}

此時(shí)，<div>就變成了一個(gè)內(nèi)聯(lián)元素，不再占據(jù)整個(gè)父元素的寬度，而是只占用所需要的寬度。

同樣地，對于內(nèi)聯(lián)元素轉(zhuǎn)換成塊級元素，我們可以使用樣式display:block來完成轉(zhuǎn)換。如下示例代碼：

span {
display: block;
}

此時(shí)，<span>就變成了一個(gè)塊級元素，而不是原先的內(nèi)聯(lián)元素，會獨(dú)占一行，并且寬度會自動調(diào)整為父元素的100%。