两种DIV水平居中的方法

最新推荐文章于 2022-03-27 23:18:30 发布

libaogang123

最新推荐文章于 2022-03-27 23:18:30 发布

阅读量494

点赞数

分类专栏： html css 文章标签： c#

本文链接：https://blog.csdn.net/libaogang123/article/details/84621070

版权

html css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

DIV水平居中的方法有很多，介绍两种比较常见的。

第一种，设置左右MARGIN为AUTO：

Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->        body {
            text-align:center;
        }
        .center {
            margin:0 auto;
            background-color:#ccc;
         }

第二种，利用绝对定位及负的MARGIN：

Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->         .center {
              position:absolute;
              left:50%;
              margin-left:-300px;
              background-color:#ccc;
              width:600px;
           }