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值相互转换样式，此处不做过多说明