CSS元素居中的方式

1、字体居中

    a{
        /*去掉a标签的下划线*/
        text-decoration: none;
        /*水平居中*/
        text-align: center;
       /*行高=元素的height 垂直居中*/
        line-height: 50px;    
        /*相对定位*/
        position: relative;
        left: 70px;
    }    

 

2、水平居中

{
    width:200px;
    margin:0 auto;
}

 

3、绝对定位水平垂直居中

{
    position: absolute;
     width: 200px;
     height: 100px;
     margin: auto;
     top: 0;
     left: 0;
     bottom: 0;
}