【div】与【span】的区别是什么？

div与span之

div css布局html中常常使用

一、

与相同处：

1、两者都是HTML标签

内容
 
内容 

2、div与span内均可以使用class

内容
 
内容 

3、div与span内均可以使用id

内容
 
内容 

4、span与div内均可以使用style属性直接写CSS代码

内容 
内容
 

5、span和div标签均可嵌入标签

二、与

区别

1、拼写单词不同
标签，有四个字母（s p a n）组成

2、

span默认不具有块（独占一行）属性，所以span默认内容多少自适应占用多少宽度高度。

3、div标签和span标签布局时选择不同
由于网页中布局网页时，有时布局框架，有时布局小局部，而div  css常用是div标签，div自然作为主要布局标签，主要用于大布局框架，小布局框架时主要选择标签。而span作为小局部小样式地方选择。一般选择不使用span作为框架标签布局。

看看下面框架与小地方属性设置标签应用：

 
    
导航内容
 
 
 
 
我是内容我有不同字体效果 
 

从上图，虽然div的应用没有设置CSS样式，只展示了html内容div标签使用，而span我们展示了小修饰时候选择span应用。通过以上实例代码要告诉大家都是，一般结构布局我们采用div标签，小小局部或小修饰地方我们采用span标签。

三、让div与span没有区别

这点作为延续思考问题，默认情况下div具有块，span不具有块功能，那么我们也可以让div和span具有相同块功能（独占一行），我们只需对span设置个display:block即可。

CSS代码：

span{ display:block} 

html内容代码：

我在div内
 
我在div内
 
测试文字我在span内 
测试文字我在span内 

四、和

的区别与使用总结

通过以上yuegekeji为大家介绍span与div相同，看出span与div都作为HTML标签，其大部分属性没什么区别，区别只有一个属性不同即块（display:block）有无。通俗理解，span默认紧贴内容随内容多少而自适应宽度高度，而div默认独占一行，默认情况下每个div盒子独占一行。

通常布局框架我们采用div比较多标签作为主要标签使用，而span作为小局部或小修饰地方使用。平时大家在实际做项目时候注意div与span选择，认识div与span区别。根据经验灵活选择span与div使用。