当前位置: 代码迷 >> Web前端 >> span与div差异
  详细解决方案

span与div差异

热度:130   发布时间:2012-11-14 10:12:18.0
span与div区别

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

?

?

div是块元素,span是行元素

?

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

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

?

输出:

?

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

块元素

我是快元素

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

?

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

?

输出:

?

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

块元素

我是快元素

  相关解决方案