<!DOCTYPE html>
<html>
<head>
<title>居中</title>
<meta charset="utf-8"/>
<!-- css 代码 -->
<style type="text/css">
.container {
background: rgba(0,0,0,.3);
width: 400px;
height: 260px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -200px;
margin-top: -130px;
color: #fff;
text-align:center;
}
</style>
</head>
<body>
<div class="container">.container区块 始终显示在页面的中心</div>
</body>
</html>
css+div绝对居中
最新推荐文章于 2022-05-21 15:08:40 发布