HTML-span和div区别
2021-04-11 03:27
标签：宽度 设计 样式 建议 idt 标准 play col html元素 HTML-span和div区别 标签：宽度 设计 样式 建议 idt 标准 play col html元素 原文地址：https://www.cnblogs.com/tanjiyuan/p/12419611.html
/**
* span和div概念区别和相似点
*
* div标记是html3.0时提出来的，但是不常用，直到css的出现才慢慢变得应用广泛起来。
* span是HTML4.0以后才被引入，主要针对样式表设计的。
*
* div可以理解成一个容器，这个容器可以放段落、标题、图片等各种HTML元素。
* div可看做一个独立内容的对象，对于css的控制。先需要对div控制，再对div中各标记的元素再进行控制。
*
* span标记与div标记一样，作为容器标记广泛应用在HTML中。
* span同样可以容纳各种html元素，span也可以视为独立的对象。span和div两个标记都可以独立出区块，这一点没有很大的区别。
*
*
*/
/**
* span和div功能区别
*
* ： div是一个块级元素，它包含的元素会自动换行。
* ： span是行内元素，在它的前后不会换行。
* ： span没有结构上的意义，只是单纯的应用样式，其他元素不适合时，就可以使用span元素。
* ： span可以作为div的子元素，但div不能是span的子元素，如果出现span中出现div不符合ws3c的页面标准。
*
*
*/
/**
* span和div使用区别
*
* span元素宽度是被包围的内容宽度决定，不建议给span设置宽度属性width，可以给span设置margin值，设置与父元素之前的距离。
* span可以通过css声明（display:block）转换为块元素，想对一行内文字或图片进行单独的样式设置，而又由不需要换行的条件下，且又不影响其他行内其他内容时，span可以很好解决这些问题。
*
*/