深入理解DIV和SPAN的区别
发布时间：2016-06-14 10:30:41 作者：佚名 
我要评论
我要评论下面小编就为大家带来一篇深入理解DIV和SPAN的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
深入理解DIV和SPAN的区别
DIV 块元素，span是行内元素
Span的宽度依照包围着对象的宽度而定，所以不能用宽度属性width设置span标记内对象的宽度，但可以设置span的margin（外补丁）值，span中的对象位置与父对象的距离
l Div 块元素 100% 会换行
l Span 行内元素 文本实际长度
l 块元素和行内元素也不是一成不变的，通过定义CSS的display属性值可以互相转化
Eg:#div{display:inherit;} #span{display:block;}
何时用span
在同一行中，想对其中文字或图片设置样式，而又不要该行文本换行的条件下，使用span标记
以上这篇深入理解DIV和SPAN的区别就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
原文地址：http://www.cnblogs.com/cyn941105/p/5581725.html
相关文章
- 下面小编就为大家带来一篇关于div中img,span垂直居中的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-26
- 这篇文章主要简单介绍了Span和Div的区别，对于学习DIV+CSS的小伙伴们来说，是篇非常不错的文章，也算是对自己基础知识的一次复习。2015-01-12
- DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。两者最明显的区别在于DIV是块元素，而SPAN是行内元素(也译作内嵌元素)。2014-04-03
- DIV和SPAN如何垂直居中对齐，水平居中很简单，设置text-align:center就可以了，垂直居中一直很是疑惑，下面为大家解惑2014-02-20
问DIV与SPAN之间有什么区别？想必很多朋友都是一知半解吧，在这里可以告诉你DIV和SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染2021-11-30- 做网页的朋友想必都不知道HTML中div与span的区别吧，下面为大家详细介绍下两者的共同点及不同点2013-12-27
- html的基本使用包括链接、多视窗口FRAMES、样式表、span和div等等，在本文已给出详细的使用介绍，感兴趣的朋友可以参考下，希望对大家有所帮助2013-10-18
区别div和span、relative和absolute、display和visibility
div和span、relative和absolute、display和visibility是很容易混淆和弄错的HTML标签与CSS属性，今天52CSS.com简单的罗列出它们的区别与使用要点，供大家参考。2009-12-17- 这篇文章主要介绍了HTML中div和span比较，分别介绍了div和span的用法和比较，有兴趣的可以了解一下2017-06-21
最新评论