CSS

利用css如何让div处于永远居中状态?

作者:admin 2017-06-06 我要评论( )

不管屏幕如何滑动,该p始终保持在屏幕正中央(支持IE7(包括IE7)以上版本)

不管屏幕如何滑动,该p始终保持在屏幕正中央(支持IE7(包括IE7)以上版本)

下面介绍的这段简单的代码就可以实现这个功能,请大家可以来参考一下。

<p class="loginBox"></p>

css部分应该这样子写:

.loginBox {
    background: #FA2;
    width: 700px;
    height: 400px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 11;
    /*设定这个p的margin-top的负值为自身的高度的一半,margin-left的值也是自身的宽度的一半的负值.*/ 
    /*宽为400,那么margin-top为-200px*/ 
    /*高为200那么margin-left为-100px;*/ 
    margin: -200px 0 0 -350px;
}

写完了,就这么简单,是不是感觉想不到呢。

【相关推荐】

1. 免费css在线视频教程

2. css在线手册

3. php.cn独孤九贱(2)-css视频教程

以上就是利用css如何让div处于永远居中状态?的详细内容,更多请关注php中文网其它相关文章!

}

转载请注明出处。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 关于字体平滑的详细介绍

    2017-07-03

  • 关于文章简介的详细介绍

    2017-07-03

  • 有关定义元素的文章推荐9篇

    2017-07-03

  • 字体图标如何使用?总结字体图标实例用法

    2017-07-03