今天小编跟大家讲解下有关div与span的区别和使用示例 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关div与span的区别和使用示例 的相关资料，希望小伙伴们看了有所帮助。
具体步骤：
1.所谓块元素 是以另起一行开始渲染的元素 行内元素则不需另起一行 测试一下下面的代码你会有更形象的理解： 测试＜span>紧跟前面的"测试"显示＜/span>＜div>这里会另起一行显示＜/div>
2.块元素和行内元素也不是一成不变的 通过定义CSS的display属性值可以互相转化 如： 测试＜div style="display:inline">紧跟前面的"测试"显示＜/div>＜span style="display:block">这里会另起一行显示＜/span> 提示：如果不对DIV元素定义任何CSS属性 其显示效果将行将于P元素。
因为DIV与SPAN元素的特殊性 所以一般用于应用样式表 比如说用CSS定义为层 而需要分清的是块元素和行内元素的区别 还有两者间的相互转化。
DIV指定渲染 HTML 的容器。 SPAN指定内嵌文本容器。 总的来说 一个div是占一个块的 它的默认display属性是block 表示一个块。如： 复制代码代码如下:<div>aaa</div>bbb
显示出来 是两行。 而span 它的display默认属性是inline 可以连在一起的。如： 复制代码代码如下:<span>aaa</span>bbb
显示出来是一行。 div一般用于排版 而span一般用于局部文字的样式。
来源：爱蒂网
