黑马程序员-div和span

郑文

请问div和span两者之间有什么区别？？能否举个例子说明一下？？

柏云杉 · 柏云杉

div 即使div里面就一个字符。它也会占据一行的位置。
span里面有多少东西就占据多少位置，形状不定

张学良 · 张学良

DIV在网页中表示的是一个矩形整体，可以进行整体的操作，SPAN表示的是相关控件的组合套装，它的形状千奇百怪，不过有一个内在的联系，就是一体的。

何智杰 · 何智杰

div是块状标签，以行为单位增长
span 就是有多少内容就占都是位置
看以下代码：
<body>
<sapn >套在span内的内容：111111</span>
<sapn >套在span内的内容:222</span>
<div style="background-color:#09F">
套在div内的内容：11111
</div>
<div style="background-color:#666">
套在div内的内容：2222
</div>
</body>

得到的效果是如下图：

孙秋生 · 孙秋生

DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表（共同点）；
两者最明显的区别在于DIV是块元素，而SPAN是行内元素(也译作内嵌元素)；

帐号		自动登录	找回密码
密码			加入黑马

黑马程序员-div和span

评分

4 个回复

评分

评分

评分

评分

黑马骑士勋章