天天看点

div与span区别及用法

DIV与SPAN区别及div与san用法篇

<dl></dl>

<dt>目录</dt>

<dd></dd>

<a href="http://www.divcss5.com/rumen/r79.shtml#no1">特点与区别</a>

<a href="http://www.divcss5.com/rumen/r79.shtml#no2">小结</a>

<a href="http://www.divcss5.com/rumen/r79.shtml#no3">知识扩展</a>

<a href="http://www.divcss5.com/rumen/r79.shtml#no4">案例效果演示</a>

div与span区别

div占用的位置是一行,

span占用的是内容有多宽就占用多宽的空间距离,说明如下图

div与span区别及用法

sapn标签使用案例截图

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

在网页开发的时候使用div和span都可以,通常可以理解为没有什么区别。但注意的是div占用一行,span不会占用一行,内容占多大宽度,span就有多宽。

.yanshi span{属性及属性值}

div与span区别及用法

对span设置css样式截图