＜div＞和＜span＞区别一、<div>介绍二、<span>介绍三、对比<div>与<span>

目录

• 一、<div>介绍
• 二、<span>介绍
• 三、对比<div>与<span>

一、<div>介绍

  div标签是块级元素，相当于一个大盒子，其内容都占据一行，不会其他标签在一行显示。

  在div标签中，可以使用其他标签例如：span，p，div等。

二、<span>介绍

  span标签是行内元素，相当于一个小盒子，会和其他标签元素在一行显示（块级元素除外）。

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

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

三、对比<div>与<span>

  总的来说，每对<div>在新的一行显示，占据一行；每对<span>则显示在同一行，里面可以添加其他行内元素（同行一显示），只有同一行显示不下，才会换行。