JavaWeb_CSS（9）_div 和 span_区别

最新推荐文章于 2022-08-23 10:40:38 发布

魏宇轩

最新推荐文章于 2022-08-23 10:40:38 发布

阅读量859

点赞数

分类专栏： CSS（更新完）文章标签： JavaWeb CSS div 和 span_区别

本文链接：https://blog.csdn.net/qq_36260974/article/details/88408724

版权

CSS（更新完）专栏收录该内容

21 篇文章 3 订阅

订阅专栏

本系列博客汇总在这里：JavaWeb_CSS 汇总

Div 和 span 的区别

div 自动的换行，span 不换行。

示例

<!DOCTYPE html>
<html>

	<head>
	
		<meta charset="UTF-8">
		
		<title> www.weiyuxuan.com </title>
		
		<style type="text/css">
			div
			{
				font-family: 楷体;
				font-size: 20px;
				font-weight:bold;
				background-color: orange;
				width: 100px;
				height: 100px;
				text-align: center;
			}
		</style>	
			
	</head>
	
	<h1> div 和 span 的区别</h1>
	
	<hr>
	
	<body>
	
		<h1> div 自动换行 </h1>
		<div><img src="test.jpg"/></div>
		<div><img src="test.jpg"/></div>
		<div><img src="test.jpg"/></div>
		
		<h1> span 不自动换行 </h1>
		<span><img src="test.jpg"/></span>
		<span><img src="test.jpg"/></span>
		<span><img src="test.jpg"/></span>
	
	</body>
	
</html>