水平居中元素

最新推荐文章于 2020-08-14 09:04:48 发布

zenkle

最新推荐文章于 2020-08-14 09:04:48 发布

阅读量213

点赞数

分类专栏： css 前端

本文链接：https://blog.csdn.net/qq_35142645/article/details/91846437

版权

css 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

前端

8 篇文章 0 订阅

订阅专栏

<body>
    <div class="text">aaaaaa</div>
</body>

1、

.text{
           width:500px;
           margin:0 auto;
           text-align: center;
      }

2、

     .text{
            width: 500px;
            position: relative;
            float: left;
            left: 50%;
            margin-left:-250px;
            text-align: center;

        }

3、

  .text{
            width: 500px;
            position: absolute;
            left: 0;
            right: 0;
            margin:0 auto;
            text-align: center;
        }

4、

.text{
            width: 500px;
            position: absolute;
            left: 50%;
            margin-left: -250px;
            text-align: center;
        }