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网站

第一種方法:

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以下的瀏覽器