SPAN元素和DIV元素有的区别

ttx9n · 发表于 2007-2-2 00:00:00

前几天做自适应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的用法及意义。

cxst1h57 · 发表于 2022-9-14 08:20:49

还有什么好东西没

mkonji · 发表于 2022-10-9 10:45:24

撒旦撒旦撒擦擦擦擦

q215357618 · 发表于 2022-11-1 03:46:55

而快乐你们快乐马年快乐

6ox8dn · 发表于 2022-12-31 23:12:18

需要很久了终于找到了

q215357618 · 发表于 2023-2-17 10:33:34

的沙发水电费水电费

u6h2m4 · 发表于 2023-8-27 20:27:08

论坛有你更精彩！

errol123 · 发表于 2023-10-11 01:23:12

还有人在不。。。。。。。。。。啊

123456 · 发表于 2023-11-5 03:52:14

看看怎么样再说

feiyasqhr · 发表于 2024-2-21 08:25:07

问问问企鹅哇哇哇哇哇

账号		自动登录	找回密码
密码			立即注册

[CSS/HTML] SPAN元素和DIV元素有的区别

相关帖子