--双向居中

Zcb991

于 2021-07-25 21:28:46 发布

阅读量152

点赞数 1

分类专栏： html 文章标签： html css css3

本文链接：https://blog.youkuaiyun.com/weixin_44863688/article/details/119088122

版权

html 专栏收录该内容

1 篇文章

订阅专栏

让块元素水平、垂直居中的方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .box{
            /* border: 1px solid red; */
            background-color: red;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
    </style>
</head>
<body>
   <div class="box">
        hello world!
   </div> 
</body>
</html>