css中 div 与span有什么区别?

html-css011

css中 div 与span有什么区别?,第1张

div是块级元素,它不论大小默认占一行,而且可以设置宽高以及外边距

span是行内元素,它占它自身大小的位置,而且不能设置宽高以及边距

同时div也可以变为span (display:inline),这样div将变为行内元素

span也可以变为div(display:block),这样span将变为块级元素,默认占一行,而且可以设置宽高

同时,两者要想实现既可以设置宽高,边距,又可以不占一行,则display:inline-block

而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。

下面以一个实例来说明这两个属性的区别。

还有一个标识符具有类似的功能,<div>DIV也被用来在HTML文件中建立逻辑部分。但与<div>SPAN不同,<div>工作于文本块一级,它在它所包含的HTML元素的前面及后面都引入了行分隔。

还有一个标识符具有类似的功能,DIV也被用来在HTML文件中建立逻辑部分。