CSS绝对定位盒子居中算法

最新推荐文章于 2022-08-08 10:10:32 发布

zzf2.0

最新推荐文章于 2022-08-08 10:10:32 发布

阅读量229

点赞数

分类专栏：笔记文章标签： css

本文链接：https://blog.csdn.net/m0_46744635/article/details/108150161

版权

笔记专栏收录该内容

88 篇文章 1 订阅

订阅专栏

在这里插入图片描述

  <!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>CSS绝对定位盒子居中算法</title>
      <style>
   .box{
     position: absolute;
     width: 300px;
     height:300px;
    background-color: pink;
    top:50%;
    left:50%;
    margin-left:-150px;
    margin-top:-150px;
   }

       
      </style>
  </head>
  <body>
      <div class="box">zzf1</div>
      
  </body>
  </html>