span和div的区别
2007-05-07 17:45
399 查看
下面利用一个案例来说明SPAN标签和DIV标签的不同点:在默认的情况下,SPAN标签的限制范围是SPAN标签中的所有字符,而如果是DIV标签的话,而是其标签的一行。通过案例将不难理解。
<html>
<head>
<title>span和div的不同</title>
</head>
<body>
<!--span范围内的语句显示的背景色就限定为字有多长就显示多长-->
<span style="text-indent:1em;background:yellow;font-family:courier">
我像小船,寻找港湾,不能将你忘记</span>
<!--div范围为为整行,并不因为字的长度而背景颜色终止,而是整行显示-->
<div style="text-indent:2em;background:yellow;font-family:courier">
我像小船,寻找港湾,不能将你忘记</div>
</body>
</html>
span和div都是层,还记得以前有位朋友举过一个例子说明了两者的区别:
[html]
<span>aaaa</span><span>bbbb</span>
<div>aaaa</div><div>bbbb</div>
[/html]
上面这个例子,span 不换行,而div 的会换行
<html>
<head>
<title>span和div的不同</title>
</head>
<body>
<!--span范围内的语句显示的背景色就限定为字有多长就显示多长-->
<span style="text-indent:1em;background:yellow;font-family:courier">
我像小船,寻找港湾,不能将你忘记</span>
<!--div范围为为整行,并不因为字的长度而背景颜色终止,而是整行显示-->
<div style="text-indent:2em;background:yellow;font-family:courier">
我像小船,寻找港湾,不能将你忘记</div>
</body>
</html>
span和div都是层,还记得以前有位朋友举过一个例子说明了两者的区别:
[html]
<span>aaaa</span><span>bbbb</span>
<div>aaaa</div><div>bbbb</div>
[/html]
上面这个例子,span 不换行,而div 的会换行
相关文章推荐
- 深入理解DIV和SPAN的区别
- DIV与SPAN之间有什么区别
- 大家需要掌握的 html下SPAN和DIV的区别
- span与div的区别(转)
- div和span的区别
- span 与 div 的区别
- DIV和SPAN的区别
- DIV与SPAN之间有什么区别
- div 和span的区别
- 区别div和span、relative和absolute、display和visibility
- [转]div与span区别及用法
- css案例学习之div与span的区别
- 网页中Span和Div的区别
- DIV与SPAN之间有什么区别 http://www.cnblogs.com/windows/articles/1605631.html
- 简述div元素和span元素的区别?
- DIV 和 SPAN 区别
- DIV与SPAN之间有什么区别
- div和span的区别
- div与span区别及用法
- SPAN元素和DIV元素有的区别