当前位置： 移动技术网 > IT编程>网页制作>CSS > SPAN元素和DIV元素有的区别

SPAN元素和DIV元素有的区别

2017年12月12日  | 移动技术网IT编程  | 我要评论

在网上赚钱的方法,天龙网游之是敌非友,枝江

前几天做自适应skin的时候了解了一下块(block)的含义。发现了这样的一个问题。
span元素和div元素有什么区别 
解决思路：
最明显的区别是：div是块元素，span是内嵌元素。块元素相当于内嵌元素在前后各加一个<br>换行。其实，块元素和行内元素也不是一成不变的，只要给块元素定义display:inline，块元素就成了内嵌元素，同样地，给内嵌元素定义了display: block就成了块元素了。
具体步骤：

[ctrl+a 全选 注:如需引入外部js需刷新才能执行]

技巧：有些朋友会说div是层标签，其实html里是没有层这个说法的，只不过是为了易于理解，dreamweaver里才这样写的，每个对象都可以成为 “层”，只需要给对象定义position属性(值为absolute或relavite)。例如，要让图片成为“层”，可以这样写代码：

特别提示
本例代码运行效果（点运行代码）所示，为了更能说明问题，这里给块元素和内嵌元素都加了1像素宽的红色实线边框，从图中可以看到， div默认为块元素，定义display属性值为inline后以内嵌元素显示，而span默认为内嵌元素，定义display属性值为block后则以块元素显示。
特别说明

本例主要说明了display属性的两个值block和inline的用法及意义。 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网