利用定位
方式一(代码):
position:fixed/absolute;
top:50%;
left:50%;
margin-top:-高度的一半;
margin-left:-宽度的一半;
说明:
- fixed是基于浏览器窗口进行定位的,absolute基于最近的被设置非静态定位的上级元素进行定位的。所以,如果使用absolute,就给他父元素设置非静态定位,一般为设为relative。
- 设置margin-top,margin-left的值为盒子高度,宽度的负的一半。
方式二:
position:fixed/absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
说明:fixed和absolute的用法与上面一样!!!
采用absolute定位代码截图: