97免费在线观看视频 I 午夜夫妻视频 I 久久久久久网站 I 天堂网男人 I 欧美大波大乳人奶 I 丝袜 中出 制服 人妻 美腿 I 窝窝午夜理论片影院 I 日韩在线伦理电影 I 韩国特级毛片 I 亚洲欧美另类激情 I 在线成人日韩 I 麻豆视频免费看 I 黄色生活毛片 I 极品一线天小嫩嫩真紧 I 色久天堂 I 久久久久久黄色片 I 林智妍三级露全乳电影视频 I 大肉大捧一进一出好爽视频 I 空乘伦理hd I 少妇口述与子做过爱 I 成人免费影片 I 国产精品国内免费一区二区三区 I 日韩制服一区 I 青青草福利在线 I 日本在线观看不卡视频 I 婷婷六月综合亚洲 I 国产又粗又黄又硬 I 美女扒开屁股让男子桶爽 I 欧美性午夜视频观看 I 欧美狠狠插 I 亚洲福利在线观看视频 I 无码抽搐高潮喷水流白浆 I 亚洲欧美国产日韩色伦 I 你懂的视频网站在线观看 I www.蜜桃视频在线观看 I 日本无码人妻精品一区二区蜜桃 I 久久中文字幕人妻丝袜 I 碰草在线视频 I 日韩精品成人av网站

一、行內元素水平居中

　　text-align: center;

二、行內元素垂直居中

　　height: 40px;line-height: 40px;    讓這兩個值相等

三、塊級元素水平居中

 width: 300px; margin: 0 auto;     可以不設置高度

三、塊級元素垂直居中

　　1.固定寬高塊級元素垂直居中

　　　　

            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.寬高是百分比的塊級元素垂直居中

　　　　

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

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

　　　　

        div{ 
              
        transform: translate(-50%,-50%);/*此時的百分數是以自身的寬高為參考*/ 
        /*width: 1500px; 

        height: 300px;*/ 

        /*width: 300px;*/ 

        width: 30%; 

        height: auto;