首页 > Web开发 > 详细

css 相对浏览器动态居中永远保持在屏幕正中

时间:2016-02-06 12:12:39      阅读:153      评论:0      收藏:0      [点我收藏+]
使用如下css可以使div永远保持在屏幕正中

复制代码
代码如下:

<style type="text/css">
.log {
position:absolute; /*绝对定位*/
top:50%; /*距顶部50%*/
left:50%;
margin:-100px 0 0 -150px; /*设定这个div的margin-top的负值为自身的高度的一半,margin-left的值也是自身的宽度的一半的负值.(感觉在绕口令)*/
width:300px; /*宽为400,那么margin-top为-200px*/
height:200px; /*高为200那么margin-left为-100px;*/
z-index:99; /*浮动在最上层 */
}
</style>

css 相对浏览器动态居中永远保持在屏幕正中

原文:http://www.jb51.net/css/212853.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!