黑马程序员技术交流社区

标题: 黑马程序员-div和span [打印本页]

作者: 蓝汝逸 时间: 2012-3-27 13:42
标题: 黑马程序员-div和span
请问div和span两者之间有什么区别？？能否举个例子说明一下？？

作者: 柏云杉 时间: 2012-3-27 14:09
div 即使div里面就一个字符。它也会占据一行的位置。
span里面有多少东西就占据多少位置，形状不定

作者: 张学良 时间: 2012-3-27 14:09
DIV在网页中表示的是一个矩形整体，可以进行整体的操作，SPAN表示的是相关控件的组合套装，它的形状千奇百怪，不过有一个内在的联系，就是一体的。

作者: 何智杰 时间: 2012-3-27 14:17
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>

得到的效果是如下图：

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

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2