JavaWeb_CSS(9)_div 和 span_区别

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>

结果图:
JavaWeb_CSS(9)_div 和 span_区别
如有错误,欢迎指正!