css将组件居中的方法

最新推荐文章于 2024-06-03 17:26:37 发布

ZJ_NB

最新推荐文章于 2024-06-03 17:26:37 发布

阅读量1k

点赞数 1

分类专栏：前端学习记录文章标签： css css3

本文链接：https://blog.csdn.net/zj_nb/article/details/116650661

版权

前端学习记录专栏收录该内容

5 篇文章 0 订阅

订阅专栏

将元素居中的方法：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
.center{
	width: 500px;
	height: 350px;
	background-color: yellow;
	border-radius: 5px;
	position: absolute;
	left:50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
	</style>

</head>
<body style="padding: 0">
	<div class="center">
	try it!!!
	</div>
</body>
</html>

效果图：
在这里插入图片描述