zoukankan      html  css  js  c++  java
  • DIV位置永恒居中。

    此代码能有效的控制位置,感谢网友迪亚

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        
    <title>Untitled Page</title>
    </head>
    <body onload="resize_rect();">
        
    <div id="rect" style="position:absolute; background-color:Red;">
            
    <table border="1" width="300" height="100">
                
    <tr>
                    
    <td width="50%">&nbsp;</td>
                    
    <td width="50%">&nbsp;</td>
                
    </tr>
                
    <tr>
                    
    <td width="50%">ffffffffff&nbsp;</td>
                    
    <td width="50%">ffffffffffffffff&nbsp;</td>
                
    </tr>
            
    </table>
        
    </div>
        
        
    <script language="javascript" type="text/javascript">
            
    function resize_rect()
            {
                
    var o = document.getElementById("rect");
                
    //o.style.width =  document.body.clientWidth / 10 * 8 + "px";
               // o.style.height =  document.body.clientHeight / 10 * 8 + "px";
               
                o.style.left 
    = ( document.body.clientWidth - o.offsetWidth ) / 2 + "px";
                o.style.top 
    = ( document.body.clientHeight - o.offsetHeight ) / 2 + "px";
            }
            
            window.onresize 
    = resize_rect;
        
    </script>
        
    </body>
    </html>
  • 相关阅读:
    登录及注册页面
    多方式登录
    git笔记
    后台主页模块设计
    auth模块迁移后需新增字段
    使用idea构建SpringBoot源码
    Springboot相关面试问题
    Springboot自动加载工具-devtools的理解与使用
    SpringBoot项目的一些简单常用配置
    Java线程池及Executor框架的理解
  • 原文地址:https://www.cnblogs.com/anson/p/356291.html
Copyright © 2011-2022 走看看