div和span在使用上的差异,div和span的区别和作用

div和span在使用时有什么区别吗？

主要是两个标签的特性

div默认是宽度最大化，高度最小化，并且同级的div是默认自动换行的

而span默认是宽度最小化，高度也最小化，同级的span是默认不换行的

可以说两者特性是相反的，在使用的时候就要根据标签的特性来使用

和标签的异同

div和span都是我们常见的标签，从应用中看二者并无区别，它们都能划分出单独的区域，以便我们为单独的一块区域设置样式。

但是二者也有区别：其一，div是块级元素，span是行级元素。关于块级元素和行级元素前面有相关总结，参考 。其二，span没有结构上的意义，它是纯粹的应用样式，也就是其他行内样式不合适时，我可以用span来替代。其三，span可以被包含在div中，反之则不行。

通常情况下，div应用于页面中的大区块，而span仅用于需要单独设置样式风格的小区块。

温故而知新，或许我走得慢，或许我会走得更远。学习这件事总是值得的。

简述div元素和span元素的区别

1.div标签是块级元素，拥有块级元素的特点。每对div标签（div/div）里的内容都可以占据一行，不会其他标签在一行显示；div标签总是从新行开始显示；

且div标签可以通过css样式来设置自身的宽度（也可省略，当没有使用css自定义宽度时，div标签的宽度为其的容器的100%）、高度，且还可以设置标签之间的距离（外边距和内边距）；

我们还可以在div标签中，使用其他标签（行内元素、块级元素都行），比如：span标签，p标签，也可以是div标签。

2.span标签是行内元素，拥有行内元素的特点。span标签元素会和其他标签元素会在一行显示（块级元素除外），不会另起一行显示（如上例）。

span标签的宽度、高度都无法通过css样式设置，它的宽高受其本身内容（文字、图片）控制，随着内容的宽高改变而改变；span标签无法控制外边距和内边距，虽然可以设置左右的外边距和内边距，但上下的外边距和内边距无法设置。

且，span标签里只能容纳文本或者是其他的行内元素，不能容纳块级元素。