h1能够居中，为什么h2就没反应


<body>
	<div class='Top'>
		<div class='logo' >
			<img src="images/logo.png" alt="">
		</div>
		<div class='title-btn' >
			<ul>
				<li><a href="#">HOME</a></li>
				<li><a href="#">ABOUT</a></li>
				<li><a href="#">GALLERY</a></li>
				<li><a href="#">FACLTY</a></li>
				<li><a href="#">EVENTS</a></li>
				<li><a href="#">CONTACT</a></li>
			</ul>
		</div>
	</div>

	<div class="banner">
		<div calss='banner-img'>
			<img src="images/banner3.jpg" alt="">
			<div class="input_t">
			<div>
				<input type="text" value="your name">
			</div>
			<div>
				<input type="text" value="your Phone">
			</div>
			<div>
				<input type="text" value="your Email">
			</div>
			<div>
				<textarea >Write Your Comment Here</textarea>
			</div>
			<div class="SEND MESSAGE">
				<a href="#">SEND MESSAGE</a>
			</div>
		</div>
		</div>
	</div>
	<div class='about'>
		<div class="title">
			<h1>About</h1>
			<h2>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</h2>
		</div>
		<h3>Lorem Ipsum is simply dummy text of the printing and typesetting industry</h3>

	</div>
</body>

css:

h1{
	text-align:center;
}

h2{
	text-align: center;
	width: 500px;
	font-size: 20px;
}

相关截图：

反冲斗士 2021-03-25

源自：前端油画商城案例 4-3 项目作业

收起

1回答

好帮手慕美回答被采纳获得+3积分 2021-03-25 17:19:04

同学，你好！text-align是设置文本居中，文本已经是居中的状态了。同学可以设置margin: 0 auto;值，使用h2标签整体居中

祝学习愉快！

收起回答

反冲斗士提问者 #1

那为什么h1可以呢

2021-03-26 13:32:44
好帮手慕燕燕回复提问者反冲斗士 #2

同学，你好！同学的css样式中h1没有设置宽度，h2设置宽度500px，实际上h1和h2都实现了居中，text-align: center;居中基于设置的宽度，h2按500px的宽度居中，其文本较长，将h2中的内容删减一下即可看到明显的居中效果
祝：学习愉快！

2021-03-26 15:16:43