以下是一个居中表示的HTML代码示例:

<!DOCTYPE html>
<html>
<head>
	<title>居中示例</title>
	<style>
		.container {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100vh;
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>这是一个居中表示的示例</h1>
	</div>
</body>
</html>

这个示例使用了CSS的flex布局,通过设置容器的display属性为flex,并且设置justify-contentalign-items属性为center,就可以让内容在容器里居中显示。同时,通过设置容器的高度为100vh,可以使其占满整个视口的高度。在容器里添加一个标题<h1>元素,就可以看到它已经被居中显示在页面中央。

编写HTML 代码。居中表示

原文地址: https://www.cveoy.top/t/topic/bSoK 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录