您的位置：首页 > 其它

div与span的区别：

2015-11-15 22:00 162 查看

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）：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航