css水平垂直居中

最新推荐文章于 2024-09-02 08:00:00 发布

struggling888

最新推荐文章于 2024-09-02 08:00:00 发布

阅读量169

点赞数

分类专栏：学习笔记文章标签：居中 css水平垂直

本文链接：https://blog.csdn.net/struggling888/article/details/79442927

版权

学习笔记专栏收录该内容

6 篇文章 0 订阅

订阅专栏

 <div class="cont">
        <div class="coupon">   
            <p class="price">价钱</p>
            <p class="beyond">满188减100</p>
        </div>
</div>
<style>
    .cont{
        width: 7.5rem;
        height: 100%;
        margin: 0 auto;
    }
    .coupon{
        width: 4.24rem;
        margin: 0 auto;
        position: absolute;
        top: 5.5rem;
        left: 50%;
        margin-left: -2.12rem;
        text-align: center;
        }
    {//示例
    position: absolute
      top: 50%
      left: 50%
      width:  150px
      height:  80px
      margin-left: -(w / 2)
      margin-top: -(h / 2)
  } 
</style>