一、<div>介绍
div标签是块级元素,相当于一个大盒子,其内容都占据一行,不会其他标签在一行显示。
在div标签中,可以使用其他标签例如:span,p,div等。
二、<span>介绍
span标签是行内元素,相当于一个小盒子,会和其他标签元素在一行显示(块级元素除外)。
span标签的宽度、高度无法通过css样式设置,它的宽高受其本身内容(文字、图片)控制;span标签可以设置左右的外边距和内边距,但上下的外边距和内边距无法设置。
span标签里只能容纳文本或者是其他的行内元素,不能容纳块级元素。
三、对比<div>与<span>
总的来说,每对<div>在新的一行显示,占据一行;每对<span>则显示在同一行,里面可以添加其他行内元素(同行一显示),只有同一行显示不下,才会换行。