免费人妻精品一区二区三区-人人玩人人添人人澡东莞-很黄很色很污18禁免费-视频一区二区三区四区五区-久久99精品久久久久久9-国产97色在线 | 国-伊人七七-已婚少妇美妙人妻系列-欧美俄罗斯乱妇-奇米在线-国产精品99久久精品爆乳-欧美精品乱码视频一二专区-又大又爽又黄无码a片-粉嫩绯色av一区二区在线观看-国产爆乳无码av在线播放

一、行內(nèi)元素水平居中

　　text-align: center;

二、行內(nèi)元素垂直居中

　　height: 40px;line-height: 40px;    讓這兩個(gè)值相等

三、塊級(jí)元素水平居中

 width: 300px; margin: 0 auto;     可以不設(shè)置高度

三、塊級(jí)元素垂直居中

　　1.固定寬高塊級(jí)元素垂直居中

　　　　

            div{ width: 200px; 
        height: 100px; 
        line-height: 100px; 
        border: 1px solid #000; 
        text-align: center; 
        position: absolute; 
        left: 50%; 
        top: 50%; 
                margin-left: -100px; 
        margin-top: -50px; 
            }     

　　2.寬高是百分比的塊級(jí)元素垂直居中

　　　　

         div{ 
               width: 10%; 
        height: 30%; 
        position: absolute; 
        left: 0; 
        top: 0; 
        bottom: 0; 
        right: 0; 
        margin: auto;   
}      

　　3.寬高不固定的塊級(jí)元素垂直居中

　　　　

        div{ 
              
        transform: translate(-50%,-50%);/*此時(shí)的百分?jǐn)?shù)是以自身的寬高為參考*/ 
        /*width: 1500px; 

        height: 300px;*/ 

        /*width: 300px;*/ 

        width: 30%; 

        height: auto;