- 浏览: 569885 次
- 性别:
- 来自: 苏州
文章分类
- 全部博客 (206)
- Flask (1)
- JavaScript (3)
- Core Java (41)
- XML (1)
- Oracle (11)
- 软件安装及环境配置 (0)
- 其它 (9)
- 面试/笔试 (5)
- 项目 (0)
- JDBC (11)
- Servlet (4)
- MySql (4)
- JNDI (0)
- Hibernate (11)
- Java模式和构架设计 (0)
- Web设计 (22)
- JSP (8)
- Struts (13)
- Tomcat (2)
- Marven (2)
- SVN (2)
- Swing/AWT (1)
- jQuery (2)
- ExtJS (8)
- Python (22)
- Flex (1)
- Django (7)
- 算法 (5)
- English (1)
- Twisted (1)
- Linux (3)
- Rails (1)
- SVG (3)
- PostgreSQL (1)
DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌元素)。
1.所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行,测试一下下面的代码你会有更形象的理解:
/div>
测试<span>紧跟前面的"测试"显示</span><div>这里会另起一行显示<
测试<div style="display:inline">紧跟前面的"测试"显示</div><span style="display:block">这里会另起一行显示</span>
提示:如果不对DIV元素定义任何CSS属性,其显示效果将行将于P元素。
特别说明
因为DIV与SPAN元素的特殊性,所以一般用于应用样式表,比如说用CSS定义为层,而需要分清的是块元素和行内元素的区别,还有两者间的相互转化。
DIV指定渲染 HTML 的容器。
SPAN指定内嵌文本容器。
总的来说,一个div是占一个块的,它的默认display属性是block,表示一个块。如:
<div>aaa</div>bbb显示出来,是两行。
而span,它的display默认属性是inline,可以连在一起的。如:
<span>aaa</span>bbb,显示出来是一行。
div一般用于排版,而span一般用于局部文字的样式。
发表评论
-
css note
2012-09-05 22:43 10761. input 高度 .input-defau ... -
单行文本过长 自动换行
2012-05-04 12:47 1687white-space:pre-wrap;/*css-3*/ ... -
input中readonly和disable的区别
2012-02-05 18:36 1728<input type="text&q ... -
Web小细节
2010-12-20 20:09 7721.div标签居中显示要加上属性margin:auto; ... -
插入样式表的方法
2010-12-19 11:01 1047插入样式表的方法: a)内联式样式表:直接写在HTML标签中。 ... -
CSS 框模型
2010-12-13 11:17 975元素框的最内部分是实际的内容,直接包围内容的是内边距。内边 ... -
CSS列表、表格、轮廓
2010-12-13 10:46 2263CSS 列表 CSS 列表属性允许你放置、改变列表项标志,或 ... -
CSS背景、文本、字体
2010-12-13 10:13 2131CSS 背景 CSS 允许应用纯色作为背景,也允许使用背 ... -
插入CSS样式表的三种方式
2010-12-13 09:43 3923如何插入样式表 当读 ... -
CSS选择器
2010-12-13 09:21 1011CSS,层叠样式表 (Cascadin ... -
为什么要使用XHTML
2010-12-10 08:36 998我们认为万维网上的许多页面都包含着糟糕的 HTML 代码。 ... -
如何升级至 XHTML
2010-12-09 11:36 1054添加文件类型声明 将下面的文件类型声明添加至每页的首行: ... -
XHTML DTD
2010-12-09 10:29 9293种文档类型声明 DTD 规定了使用通用标记语言(SG ... -
XHTML 语法
2010-12-09 10:17 1079编写 XHTML 代码需要纯净的 HTML 语法。 ... -
XHTML 与 HTML 之间的差异
2010-12-09 10:00 1025最主要的不同: XHTML 元素必须被正确地嵌套。 ... -
HTML 4.01 / XHTML 1.0标签列表(按功能排列)
2010-12-09 09:41 1749按功能类别排列 DTD:指示在哪种 XHTML 1.0 DT ... -
HTML 4.01/XHTML 1.0标签列表(按字母排列)
2010-12-09 09:21 2016按字母顺序排列 DTD:指示在哪种 XHTML 1.0 DT ... -
HTTP 状态消息
2010-12-09 09:14 8701xx: 信息 消息: 描述 ... -
HTML事件属性
2010-12-09 09:07 1177HTML4的新特性之一是可 ... -
<%@ include file=""%><jsp:include page=">区别
2010-11-19 13:57 1188我们都知道在jsp中include有两种形式,分别是 & ...
相关推荐
深入理解DIV和SPAN的区别 DIV 块元素,span是行内元素 Span的宽度依照包围着对象的宽度而定,所以不能用宽度属性width设置span标记内对象的宽度,但可以设置span的margin(外补丁)值,span中的对象位置与父对象的...
对css里的元素如:html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, ...
12-div和span标签.html
问:DIV与SPAN之间有什么区别? 答:解决思路: DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌...
DIV与SPAN之间有什么区别.doc
使用js+div+span实现树型结构 非常简单的代码 一看就懂 下载解压直接打开就可以看出效果
2.块元素和行内元素也不是一成不变的,通过定义CSS的display属性值可以互相转化,如: 测试<div style="display:inline">紧跟前面的"测试"显示</div><span style="display:block">这里会另起一行显示</span> ...
html标签例如img,div,span等基本标签的使用
网页设计中的Span和Div的区别..........
DIV标签和SPAN标签是将一些内容当成一个整体进行处理,比如,整体隐藏,整体移动。类似一个盒子一样的东西。这样做可以精简代码,提高效率。 不同点: 1、div是将内容放到一个矩形的区块中,随意移动会影响布局。而...
正在想理论上vertical-align的默认值应该是baseline啊,不会顶对齐啊,突然想起字体有个line-height属性,于是很显然其默认值就是一个字那么高,于是将line-height值改得和DIV或者SPAN的height相同! 于是,DIV和...
前端练习01-前端-HTML(div+span)
HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等)的,然而span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。但实际上,与CSS结合起来后,...
一、div和span的区别 div是一个块级元素,可以包含段落,表格等内容,用于放置不同的内容。一般我们在网页通过div来布局定位网页中的每个区块。 span是一个内联元素,没有实际意义,它的存在纯粹是为了应用样式,...
主要介绍了HTML中div和span比较,分别介绍了div和span的用法和比较,有兴趣的可以了解一下
HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等)的,然而span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。但实际上,与CSS结合起来后,...