Div和Span的区别

div:占用的位置是一行

span:内容有多宽占用的空间内容就有多宽

说明如下图

sapn标签使用案例截图

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

<span>标签主要是在一段文字中，使用不同的颜色，样式等，为了能够突显出文字来。这就是<span>标签的作用。

<div>标签则可以规定长度和宽度，使这整个一块区域使用同样的样式。