前端笔记06—div标签与span标签的区别

最新推荐文章于 2025-05-22 07:00:00 发布

野生杂学家阿博

最新推荐文章于 2025-05-22 07:00:00 发布

阅读量1.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端文章标签： html div span

本文链接：https://blog.youkuaiyun.com/chengxu_kuangrexintu/article/details/82912420

前端专栏收录该内容

93 篇文章

订阅专栏

本文详细解释了HTML中div和span标签的区别。div标签用于创建块级元素，占满一行；而span标签则用于创建内联元素，可以与其他span标签并排显示。通过示例代码展示了两种标签的使用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

div标签与span标签的区别

div标签是占满一行的，span标签包裹内容两个span标签不用换行。

代码与效果图

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>这是我第一个网页</title>
	</head>
	<body>
		<div>div标签是占满一行的</div>
		<span>span标签包裹内容1</span>
		<span>span标签包裹内容2</span>
	</body>
</html>

在这里插入图片描述