css中DIV与SPAN两元素有哪些不同?

发布时间:2020-05-13编辑:脚本学堂
DIV与SPAN之间有哪些不同点?它们之间又是如何转化的呢?想知道答案的话,请看下文的介绍。

DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染,主要用于应用样式表。两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌元素)。
1.块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行,测试下面代码会更容易理解:

测试 <span>紧跟前面的"测试"显示</span><div>这里会另起一行显示</div>

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

测试<div style="display:inline">紧跟前面的"测试"显示</div><span style="display:block">这里会另起一行显示</span>

备注:如果不对DIV元素定义任何CSS属性,其显示效果将相当于P元素。