一、區塊元素與內嵌元素之間的轉換
關於區塊級元素與內聯元素之間的轉換我們可以使用css解決，使用CSS以後區塊元素和內聯元素的這種屬性差異就不成為差異了。例如，我們完全可以把內聯元素加上display:block這樣的屬性，讓它也有每次都從新行開始的屬性，即成為塊元素同樣我們可以把塊元素加上display: inline這樣的屬性，讓它也在一行上排列。
二、display：inline與display：block
display：inline：顯示為內嵌，使快元素轉換為內嵌元素同時具備內嵌元素標籤的特性。
display：block：顯示為區塊，使內嵌元素轉換為區塊級元素同時具備區塊元素標籤的特性。
三、區塊級元素轉內聯元素，display：inline的使用。
nbsp;html>
<meta>
<title></title>
<style>
p{
height: 50px;
background-color: yellow;
width: 500px;
display: inline;
}
</style>
<p>p1</p>
<p>p2</p>
程式碼段執行結果：
已經成功將區塊級元素轉換為內聯元素，同時已經具備內聯元素的特徵了。
四、內嵌元素轉塊級元素，display：block的使用。
nbsp;html>
<meta>
<title></title>
<style>
span, em{
height: 200px;
background-color: yellow;
width: 200px;
margin: 50px;
display: block;
}
</style>
<span>span1</span>
<em>em2</em>
程式碼段執行結果：
已經成功將內聯元素轉換為區塊級元素，同時已經具備區塊級元素的特徵了。
五、display
display：是將標籤轉換為頁面中所展示的類型不會改變標籤的本質。
#以上是詳解塊元素與內聯元素之間的轉換方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
