html中div和span详解

ID：17931295

大小：267.50 KB

页数：22页

时间：2018-09-10

资源描述：

《html中div和span详解》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Htmldiv和span详解div和span的区别div:div是一个块级元素，可以包含段落，表格等内容，用于放置不同的内容。一般我们在网页通过div来布局定位网页中的每个区块。Span:span是一个内联元素，没有实际意义，它的存在纯粹是为了应用样式，给一段内容加上标记可以通过在span上定义样式来设定其内容的样式。div和 span元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。比如：代码：div与span的区别

div标记不同行：

2、div>

span标记同一行：

3、线_logo.gif"border="0">输出结果：区别：两者最明显的区别在于div是块元素，而span是行内元素。所谓块元素：是以另起一行开始渲染的元素，行内元素：不需另起一行，测试一下下面的代码你会有更形象的理解：如：

4、">CSS在线-示例测试紧跟前面的"测试"显示

这里会另起一行显示

输出结果：测试紧跟前面的"测试"显示这里会另起一行显示块元素和行内元素也不是一成不变的，通过定义CSS的display属性值可以互相转化如：

5、ml1-strict.dtd">CSS在线-示例测试紧跟前面的"测试"显示

这里会另起一行显示输出结果：测试紧跟前面的"测试"显示这里会另起一行显示应用：因为div与span元素的特殊性，所以一般用于应用样式表，比如说用CSS定义为层，而需要分清的是块元素和行内元素的区别，还有两者间的相互转

6、化。一般而言：div一般用做渲染html 的容器,而span指定内嵌文本容器。让div在html面中垂直居中代码：

7、>aaaaaaaa