下面利用一个案例来说明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 的会换行

posted on 2007-05-07 17:45  林宁  阅读(341)  评论(0编辑  收藏  举报