div與span的區別
在html中經常見到div和span,我一般都是隨意用,個人習慣,大多用div,直到今天才弄清楚了div與span的區別
本質區別:
div:塊級元素
span:行內元素
體現在代碼中:
div在代碼中會另起一行
而span不會,除非本行占滿,才會換行```
上代碼咯:
<div style = "width:200px; border:solid;">
<div>abcde</div>
<div>abcde</div>
<span>abcde</span>
<span>abcde<span>
</div>
<div style = "width:50px; border:solid;">
<div>abcde</div>
<div>abcde</div>
<span>abcde</span>
<span>abcde<span>
</div>
運行效果:
div與span運行效果
到底該用哪個呢?
- div:指定渲染HTML的容器
- span:指定內嵌文本容器
通俗地講就是如果里面還有其他標簽的時候就用div,如果里面只有文本就應該用span
關聯:
兩者的區別也不是一成不變的,可以通過設置css的display值相互轉換樣式,此處不做過多說明