css+div绝对居中

最新推荐文章于 2022-05-21 15:08:40 发布

精诚smail

最新推荐文章于 2022-05-21 15:08:40 发布

阅读量277

点赞数

分类专栏： css 文章标签： div居中对齐

本文链接：https://blog.csdn.net/unique_jx/article/details/50863921

版权

css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!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>