css让一个div绝对居中

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

yaojie.yao

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

阅读量634

点赞数 2

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

本文链接：https://blog.csdn.net/listStyleScript/article/details/104861282

版权

本文详细介绍了六种使用CSS让div绝对居中的方法，包括：1) 利用父相子绝定位；2) 使用margin: auto; 3) 弹性盒子布局；4) CSS3的transform属性；5) 文本居中方法；6) 通过JS计算定位。部分方法在低版本IE浏览器中不兼容。

摘要由CSDN通过智能技术生成

css让一个div绝对居中

   <!-- html页面 -->
<body>
  <div>
  </div>
</body>

方法1

  /* css */
   html,body{
   
            height: 100%;
        }
        body{
   
            margin: 0;
            background-color: bisque;
            position: relative;
        }
        div{
   
            background-color: aqua;
            width: 80px;
            height: 200px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -40px;
            margin-top: -100px;
        }