逼死强迫症，搞定div中内容居中

最新推荐文章于 2024-04-18 11:26:54 发布

原创最新推荐文章于 2024-04-18 11:26:54 发布 · 876 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #div

html 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用HTML和CSS实现文本居中的方法，通过设置div的align属性为center，并将span的line-height属性值设为与div相同的高度，从而确保文本能够垂直居中。

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

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<div align="center" style="width: 300px; height: 200px; background-color: #0098ff;">

			<body>
				<span style="color: #ffffff; line-height: 200px;">居中的标签</span>
		</div>
		</body>

</html>

在这段代码中，除了在div中设置align="center"还要对其中的span设置line-height高度等于div高度