css中 div 与span有什么区别？

Question

如题所述

Answer 1

div是块级元素，它不论大小默认占一行，而且可以设置宽高以及外边距
span是行内元素，它占它自身大小的位置，而且不能设置宽高以及边距
同时div也可以变为span (display:inline),这样div将变为行内元素
span也可以变为div(display:block),这样span将变为块级元素，默认占一行，而且可以设置宽高
同时，两者要想实现既可以设置宽高，边距，又可以不占一行，则display:inline-block

Answer 2

SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。

<span>SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，<span>标识符允许你将一个段落分成不同的部分。 还有一个标识符具有类似的功能，<div>DIV也被用来在HTML文件中建立逻辑部分。但与<div>SPAN不同，<div>工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。

懂了吗

Answer 3

div是块级元素，也就是说div中的东西会占据网页窗口的一整行，哪怕这个div的宽度只有1px也要占据一整行

span是内联元素,也就是说span后面的元素会紧跟着span元素，不会换行

注：内联元素，比如psan, a等标签无法指定宽度和高度，想要指定它们的高度和宽度需要对它们进行块化
也就是说span{display:block;}

Answer 4

<div>是块级元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。

<spen>是内联元素。内联元素一般都是基于语义级(semantic)的基本元素，内联元素只能容纳文本或者其他内联元素。本回答被提问者采纳

Answer 5

<div></div>默认独占一行
<span></span>不会独占一行