CSS绝对定位盒子居中算法

最新推荐文章于 2023-09-01 22:20:06 发布

zzf2.0

最新推荐文章于 2023-09-01 22:20:06 发布

阅读量208

点赞数

分类专栏：笔记文章标签： 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>

在这里插入图片描述

优惠劵

zzf2.0

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS绝对定位盒子居中算法

<!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> .bo...
复制链接

扫一扫