行內(nèi)元素，塊級(jí)元素，行內(nèi)塊級(jí)元素之間的區(qū)別是什么？如何轉(zhuǎn)換？通過修改CSS屬性display屬性，兩者可以相互轉(zhuǎn)換。設(shè)置顯示：行元素上的塊可以將其轉(zhuǎn)換為塊級(jí)元素。其實(shí)，本質(zhì)就是把它包起來(lái)。類似地，在塊

行內(nèi)元素，塊級(jí)元素，行內(nèi)塊級(jí)元素之間的區(qū)別是什么？如何轉(zhuǎn)換？

通過修改CSS屬性display屬性，兩者可以相互轉(zhuǎn)換。設(shè)置顯示：行元素上的塊可以將其轉(zhuǎn)換為塊級(jí)元素。其實(shí)，本質(zhì)就是把它包起來(lái)。類似地，在塊級(jí)元素上設(shè)置display:inline允許將其轉(zhuǎn)換為inline元素。

下面的屏幕截圖是一個(gè)示例：

此代碼不會(huì)在標(biāo)記&Lthr>前面設(shè)置轉(zhuǎn)換。默認(rèn)情況下，<A>和<input>標(biāo)記是內(nèi)嵌元素，<h1>標(biāo)記是塊級(jí)元素。它們的顯示效果如下：

您可以看到，超鏈接和輸入框在水平線之前的同一行上，而一堆黑色的大字和水平線在下一行上。這是因?yàn)槟J(rèn)的<A>和<input>標(biāo)記是行內(nèi)元素，而<h1>和&Lthr>標(biāo)記是塊級(jí)元素。在圖中的水平線下，您可以找到一行超鏈接，因?yàn)槲覍⑵湓O(shè)置為塊級(jí)元素，而大黑色字符和輸入框位于同一行，因?yàn)槲覍⒋蠛谏址?lth1>標(biāo)簽設(shè)置為內(nèi)嵌元素。請(qǐng)參見第一個(gè)圖中的代碼。

寫在這里，我相信你應(yīng)該了解行元素和塊級(jí)元素。

行元素和塊元素的區(qū)別？

塊級(jí)元素：顯示在一個(gè)塊中，將自動(dòng)換行，元素將從上到下垂直排列，每個(gè)元素占據(jù)一行。