扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这期内容当中小编将会给大家带来有关DIV元素和SPAN元素的区别是什么，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。
成都创新互联公司主营老边网站建设的网络公司,主营网站建设方案,成都app软件开发,老边h5小程序定制开发搭建,老边网站营销推广欢迎老边等地区企业咨询
和大家重点讨论一下标准布局中DIV元素和SPAN元素的区别和应用，首先讲两个概念，SPAN元素是行内元素，DIV元素是块级元素，DIV元素即块级元素为一个块状，单独占据一行，相当于在一个该元素前后各加一个换行。
标准布局中DIV元素和SPAN元素的区别和应用
首先讲两个概念，SPAN元素是行内元素，DIV元素是块级元素。行内元素是指该元素标记的内容不不会对现在的结构造成影响，属于应用样式，辅助应用样式表等作用；而DIV元素即块级元素为一个块状，单独占据一行，相当于在一个该元素前后各加一个换行。
两者最明显的区别是：DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN是行内元素，SPAN的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。DIV元素即块元素相当于内嵌元素在前后各加一个
换行。其实，块元素和行内元素也不是一成不变的，只要给块元素定义display:inline，块元素就成了内嵌元素，同样地，给内嵌元素定义了display:block就成了块元素了。
代码示例：