天天看點

DIV和SPAN的差別

兩者最明顯的差別在于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>