css 相对浏览器动态居中

浏览数：63 / 时间：2015年06月09日

使用如下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 相对浏览器动态居中

标签： csscss