亚洲一区在线播放-欧美另类极品videosbest使用方法-亚洲成人av在线播放-黄色录像大片-色悠悠av-91欧美日韩-中文字幕偷拍-综合色婷婷一区二区亚洲欧美国产-一级爱爱片-黑人添美女bbb添高潮了-久久青娱乐-黄色一级视屏-美女国产在线-亚洲九九九九-欧美 日韩 国产 成人 在线观看-星空大象mv高清在线观看免费-国产福利合集-好吊色视频在线观看-尤物综合网-18岁成年人网站

第一種方法:

div.box{

weight:200px;

height:400px;

<!--把元素變成定位元素-->

position:absolute;

<!--設置元素的定位位置，距離上、左都為50%-->

left:50%;

top:50%;

<!--設置元素的左外邊距、上外邊距為寬高的負1/2-->

margin-left:-100px;

margin-top:-200px;

}

*兼容性好;缺點:必須知道元素的寬高

-------------

第二種方法：

div.box{

weight:200px;

height:400px;

<!--把元素變成定位元素-->

position:absolute;

<!--設置元素的定位位置，距離上、左都為50%-->

left:50%;

top:50%;

<!--設置元素的相對于自身的偏移度為負50%(也就是元素自身尺寸的一半)-->

transform:translate(-50%,-50%);

}

 

*這是css3里的樣式;缺點:兼容性不好，只支持IE9+的瀏覽器

 

---------------

第三種方法

div.box{

weight:200px;

height:400px;

<!--把元素變成定位元素-->

position:absolute;

<!--設置元素的定位位置，距離上、下、左、右都為0-->

left:0;

right:0;

top:0;

bottom:0;

<!--設置元素的margin樣式值為 auto-->

margin:auto;

}

 

*兼容性較好，缺點:不支持IE7以下的瀏覽器