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元素。
特别提示
本例两段代码的运行效果分别如图1.3.5、图1.3.6所示。

图1.3.5 DIV与SPAN的渲染效果测试

图1.3.6 块元素与行内元素的相互转化

特别说明

因为DIV与SPAN元素的特殊性，所以一般用于应用样式表，比如说用CSS定义为层，而需要分清的是块元素和行内元素的区别，还有两者间的相互转化。
DIV指定渲染 HTML 的容器。
SPAN指定内嵌文本容器。

DIV与SPAN之间有什么区别相关推荐

div p span的用法和区别
<div> 标签可以把文档分割为独立的.不同的部分.它可以用作严格的组织工具,并且不使用任何格式与其关联. 更重要的意义是在网页的动态实现过程中,对划分的区域统一处理,例如换背景色.字体等 ...
HTML 基本元素2（图像、超链接、表格、列表、块div和span、字体、内联框架）
HTML的图像标签<IMG> 详解 <img> 即图像标签需要设置其属性 src指定图像的路径 1.同级目录图像如果是本地文件,只需把图片放在同一个目录下即可 src ...
HTML标签之间有什么区别 div 和span？/span
我想问一些简单的例子,显示<div>和<span>的用法. 我已经看到它们都用来用id或class标记页面的一部分,但是我想知道是否有时候有一个优先于另一个. #1楼 Div是 ...
简述div标签和span标签的不同,div和span标签之间的区别
Can anyone give me the difference between div and span tags? 解决方案 a div is a block level, meaning it ...
div与span（块元素与行内元素的区别）
div与span div简介 div (division )简单而言是一个区块容器标记.即<div>与</div>之间相当于一个容器,可以容纳段落.标题.表格.图片等各种htm ...
div与span区别及用法
以下是在没有对开发网页页面设置css样式时候情况下,系统默认情况下的介绍 div与span区别 div占用的位置是一行, span占用的是内容有多宽就占用多宽的空间距离,说明如下图分析:从上图很容易 ...
HTML中DIV与SPAN的区别
DIV 和 SPAN元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染.主要用于应用样式表.两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌元素). 具体步骤: 1.所谓块 ...
HTML中Div、span、label标签的区别
div与span 通俗地讲就是如果里面还有其他标签的时候就用div,如果里面只有文本就应该用span span与label 由于有了以上关于span的说法,那么我们就可以对文本进行span的容器操作了 ...
无意义”的标签div和span的区别
HTML只是赋予内容的手段,大部分HTML标签都有其意义(例如,标签p创建段落,h1标签创建标题等等)的,然而div和span标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用.但实际 ...

DIV与SPAN之间有什么区别

特别说明

DIV与SPAN之间有什么区别相关推荐

最新文章

热门文章