码迷,mamicode.com
首页 > 其他好文 > 详细

div与span的区别:

时间:2015-11-15 23:21:04      阅读:323      评论:0      收藏:0      [点我收藏+]

标签:

div与span的区别:
div标签属于块级元素,span标签属于行内元素,使用对比效果如下:
技术分享
技术分享
 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title>111</title>
 6     <style>
 7         div{
 8             background-color: #CC99CC;
 9             color: blue;
10             width: 400px;
11         }
12         span{
13             background-color: #CC99CC;
14             color: blue;
15             width: 400px;
16         }
17     </style>
18 </head>
19 <body>
20     <div>div</div>
21     <div>div</div>
22     <span>span</span>
23     <span>span</span>
24 </body>
25 </html>
View Code

 

另外,在html页面中,无法直接设置span的高度和宽度,如果需要改变其宽高,就需要将其转变为块体元素(block)或行内块体元素(inline-block):

技术分享

div与span的区别:

标签:

原文地址:http://www.cnblogs.com/123936nimen-/p/4967562.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!