`
lixw
  • 浏览: 196884 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

div VS. span

CSSBlog 
阅读更多

      在CSS的布局概念中，SPAN是一个内联元素(inline)，而DIV是一个块级元素(block)。在一个内联元素
的前后出现的内容，能够和他们显示在同一行里。而每一个块级元素，都是从一个新行开始显示，而且其后的元素也必须另起一行进行显示。当你明确自己要描述的是一行内容时，就应该使用<span>标签，比如blog的标题，作者，日期等。而对于blog的正文，则肯定是一篇文章，这是你就应该使用<div>标签。

    另外div 常用于Layer操作：

<div style="position:relative; font-size:50px; z-index:2;">LAYER 1</div> 

<div style="position:relative; top:-50; left:5; color:red; font-size:80px; z-index:1">LAYER 2</div>

  

 

分享到：
| Hibernate使用缓存问题
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    div和span的区别

    div: div是一个块级元素，可以包含段落，表格等内容，用于放置不同的内容。一般我们在网页通过div来布局定位网页中的每个区块。 Span: span是一个内联元素，没有实际意义，它的存在纯粹是为了应用样式，给一段内容...

    12-div和span标签.html

    12-div和span标签.html

    div中加入span右对齐后出现换行显示两种解决思路

    后来我无意中发现有个东西叫&lt;span&gt;,比如实现模块的效果就可以：&lt;div class=portlet align=left&gt;文章&lt;span&gt;编辑&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;;当然我们还需要一个CSS文件去控制span的样式： 复制代码代码如下: .portlet span { ...

    网页设计中的Span和Div的区别

    网页设计中的Span和Div的区别..........

    DIV与SPAN之间有什么区别.doc

    DIV与SPAN之间有什么区别.doc

    CSS里元素初始化文件html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,

    对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, ...

    div与span之间有什么区别

    问：DIV与SPAN之间有什么区别？ 答：解决思路： DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。两者最明显的区别在于DIV是块元素，而SPAN是行内元素(也译作内嵌...

    expandable-input：一个Bootstrap插件，用于将&lt;{span | div | ...} contenteditable>用作自动扩展输入

    {span | div | ...} contenteditable&gt;作为可扩展输入的jQuery插件。下载/安装您可以在此处下载最新的JS和CSS代码： 或通过安装npm install --save expandable-input可能需要使用JS代码var jQuery = require ( '...

    深入理解DIV和SPAN的区别

    深入理解DIV和SPAN的区别 DIV 块元素，span是行内元素 Span的宽度依照包围着对象的宽度而定，所以不能用宽度属性width设置span标记内对象的宽度，但可以设置span的margin（外补丁）值，span中的对象位置与父对象的...

    div与span的区别和使用示例

    1.所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行，测试一下下面的代码你会有更形象的理解： 测试＜span&gt;紧跟前面的"测试"显示＜/span&gt;＜div&gt;这里会另起一行显示＜/div&gt; 2.块元素和行内元素也...

    js+div+span实现树型结构

    使用js+div+span实现树型结构 非常简单的代码 一看就懂 下载解压直接打开就可以看出效果

    javascrtpt 实现窗口拖拽、移动功能、显示坐标

    document.getElementById("span1")[removed] = "x:" + div.style.top + " " + "y:" + div.style.left; } } function mouseUp(e) { if (isDowm) { var x = e.clientX; var y = e.clientY; var div = document....

    前端开发与实践- DIV与SPAN.pptx

    前端开发与实践

    精通CSS.DIV.网页样式与布局 源码

    　10.1　div 标记与 span 标记 　10.2　盒子模型 　10.3　元素的定位　 　10.4　定位实例一：轻轻松松给图片签名　 　10.5　定位实例二：文字阴影效果　 　第11章　CSS+div布局方法剖析　 　11.1　CSS排版观念...

    CSS文本超出div或者span时用省略号代替

    在项目中我们经常需要在文本过长时显示，将文本超出的部分内容用省略号代替： 思想为： 首先设置宽度，然后让超出的部分隐藏 如果有超出则在最后显示...Html代码就不用写了，一个div 或者span class = "title"即可。

    html标签例如img，div，span等基本标签的使用

    html标签例如img，div，span等基本标签的使用

    span掉落的演示代码

    博文 “display:block-inline形式的Span或Div中添加文字后，导致Span或Div排版掉落、错位”的原因及解决方法 里的示例代码

    HTML中div与span的区别(共同点与不同点)

    DIV标签和SPAN标签是将一些内容当成一个整体进行处理，比如，整体隐藏，整体移动。类似一个盒子一样的东西。这样做可以精简代码，提高效率。 不同点： 1、div是将内容放到一个矩形的区块中，随意移动会影响布局。而...

    CSS DIV元素与SPAN元素的区别

    而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。 块元素相当于内嵌元素在前后各加一个 换行。其实，块元素和行内元素也不是一成 不变的...

    html如何对span设置宽度

    这是一期分享 HTML 中 ...但是这样写就体现不了 span 这个标签的作用了，跟 div 功效一致，都表示块级元素。 推荐指数：:star2: 方式二 使用 float 属性，设置属性为 span{float:left} ，呈现的效果如下： 由于 flo

Magicbox
Global site tag (gtag.js) - Google Analytics