<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3实现图片在DIV中上下左右居中</title>
<style>
.box{width:600px;height:600px;border:1px solid red;position: relative;}
.wrapper {
padding: 20px;
background:orange;
color:#fff;
position:absolute;
top:50%;
left:50%;
border-radius: 5px;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
</style>
</head>
<body>
<div class="box">
<div class="wrapper">
我不知道我的宽度和高是多少,我要实现水平垂直居中
</div>
</div>
</body>
</html>
CSS3实现图片在DIV中上下左右居中(2)
最新推荐文章于 2024-07-03 09:48:27 发布