div和span元素的区别

要点整理：
1、div是一个块级元素，独占一行不能和其它元素在一行
2、SPAN是行内元素(也译作内嵌元素)，不会另起一行
3、块元素和行内元素通过CSS的display属性值可以互相转化
测试<div style="display:inline">紧跟前面的"测试"显示</div><span style="display:block">这里会另起一行显示</span> 




div是一个块级元素，我们可以把它比喻成盒子，它没什么实际语义能用到很多地方，独占一行不能和其它元素在一行，

2个都是用来划分区间但是没有实际语义的标签,差别就在于div是块级元素,不会其他元素在同一行;span是内联元素，可以与其他元素位于同一行。

DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表（共同点）。

两者最明显的区别在于DIV是块元素，而SPAN是行内元素(也译作内嵌元素)。 

详解：1.所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行，测试一下下面的代码你会有更形象的理解：

测试<span>紧跟前面的"测试"显示</span><div>这里会另起一行显示</div> 

 

2.块元素和行内元素也不是一成不变的，通过定义CSS的display属性值可以互相转化，如： 

测试<div style="display:inline">紧跟前面的"测试"显示</div><span style="display:block">这里会另起一行显示</span> 

 

 

 

转发博客：

https://www.cnblogs.com/keyi/p/5833928.html