不知道宽度和高是多少，实现水平垂直居中（css）

知秋~

已于 2022-06-07 10:47:18 修改

阅读量768

点赞数

文章标签： css3实现上下左右居中

于 2019-03-04 15:15:17 首次发布

本文链接：https://blog.csdn.net/qq_38881495/article/details/88118655

版权

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>不知道宽度和高是多少，实现水平垂直居中</title>
	<style>
		.div{ 
			padding: 10px;
		    border-radius: 10px;
		    background: #776c6c;
			color: #fff;
			position: absolute;
			top:50%;
			left: 50%;
			-webkit-transform:translate(-50%,-50%); 
			-moz-transform:translate(-50%,-50%);
			-transform:translate(-50%,-50%);
		}
	</style>
</head>
<body>
	<div class="div">不知道宽度和高是多少，实现水平垂直居中</div>
	注意：手机端iphone 5有兼容性问题
</body>
</html>