兩者最明顯的差別在于DIV是塊元素,而SPAN是行内元素(也譯作内嵌元素)。
詳解:1.所謂塊元素,是以另起一行開始渲染的元素,行内元素則不需另起一行,測試一下下面的代碼你會有更形象的了解:
測試<span>緊跟前面的"測試"顯示</span><div>這裡會另起一行顯示</div>
2.塊元素和行内元素也不是一成不變的,通過定義CSS的display屬性值可以互相轉化,如:
測試<div style="display:inline">緊跟前面的"測試"顯示</div><span style="display:block">這裡會另起一行顯示。
自己直接模拟一個:
<div>劉</div><div>宇</div>
<span>劉</span><span>劉</span>
<br />
<div style="display:inline;">宇</div>
<span style="display:block;">宇</span>