span与div区别

趁着国庆没事，学学div+css，搞了一年的php，没有太在乎这个东西，还是系统的学习下吧，有时遇到兼容性还是搞不好的，搞后台的美感也不强，需要加强一下

 

 

div是块元素，span是行元素

 

所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行

测试<span>我是行内元素</span>测试行内元素<div>块元素</div>我是快元素

 

输出：

 

测试我是行内元素测试行内元素

块元素

我是快元素

块元素和行内元素也不是一成不变的，通过定义CSS的display属性值可以互相转化

 

测试<span style="display:block">我是行内元素</span>测试行内元素<div style="display:inline">块元素</div>我是快元素

 

输出：

 

我是行内元素测试行内元素

块元素

我是快元素