DIV与SPAN卷标元素的不同
在CSS应用当中,<DIV>和<SPAN>卷标是我们经常使用到的
<DIV>卷标早在HTML 3.0就已经存在,但并不经常被用到
而<SPAN>是在HTML 4.0才出现,他是针对样式表而设计的卷标
<DIV>...</DIV>是个区块像容器一样,可以比喻是一个独立的盒子
它可以容纳任何html卷标元素,包括段落、表格、图形等。
<SPAN>和<DIV>卷标功能可以说是一样的
不同的是<SPAN>...</SPAN>所包围起来的对象不会换行
而<DIV>...</DIV>会自动换行
<DIV>与<SPAN>的范例:
<span><img src="icon1.gif"></span>
<span><img src="icon2.gif"></span>
![](https://p-blog.csdn.net/images/p_blog_csdn_net/zsa/icon1.gif)
<span><img src="icon2.gif"></span>
![](https://p-blog.csdn.net/images/p_blog_csdn_net/zsa/icon1.gif)
![](https://p-blog.csdn.net/images/p_blog_csdn_net/zsa/icon2.gif)
<div><img src="icon1.gif"></div>
<div><img src="icon2.gif"></div>
<div><img src="icon2.gif"></div>
![](https://p-blog.csdn.net/images/p_blog_csdn_net/zsa/icon1.gif)
![](https://p-blog.csdn.net/images/p_blog_csdn_net/zsa/icon2.gif)
还有一点需要特别注意
<DIV>...</DIV>卷标内可以包含<SPAN>...</SPAN>
而<SPAN>...</SPAN>卷标内是不可以包含<DIV>...</DIV>