div和span的点滴

文章来自：http://www.divcss5.com/rumen/r79.shtml

div与span有什么区别，什么时候用div，什么时候用span标签？

div与span区别
div占用的位置是一行，
span占用的是内容有多宽就占用多宽的空间距离，说明如下图

sapn标签使用案例截图

分析：从上图很容易知道“我是内容一；用的div”和“我是内容二；用的div”两个内容外部用的是<div>标签，他们得到样式是占用了一排空间（相当于换行一样）；而“我是内容三；用的span”和“我是内容四；用的span”则，文字内容有多宽，就占用多宽距离，使用<span>标签和不使用一样效果。

http://www.cnblogs.com/windows/articles/1605631.html

两者最明显的区别在于DIV是块元素，而SPAN是行内元素

<span>和<div>元素都能处理任意大小的片断，他们之间的异同可以用一个例子来说明。1、行内样式定义<span>元素
<span>属于行内样式定义元素，它的插入不会使原有结构产生任何变化，直到设计者为它提供了属性为止。
基本语法
<span 属性=“属性值></span>
<span>元素的首尾标记必须同时成对出现，且<span>元素允许多重嵌套，也就是说，一个<span>元素中可以嵌套任意多个<span>元素。

基本语法

<div 属性=“属性值”></div>

<div>元素的首尾标记必须同时成对出现，且<div>元素允许多重嵌套，也就是说，一个<div>元素中可以嵌套任意多个<div>元素。