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>
  • 相关阅读:
    Asp.Net根据角色验证
    牛客登录(四)
    外键约束
    update 和replace更新表
    每日一题力扣485
    牛客登录(6)开窗函数
    牛客登录(5)
    MySQL的UPDATE或DELETE中子查询不能为同一张表
    牛客登录(二)
    剑指offer:二分
  • 原文地址:https://www.cnblogs.com/anson/p/356291.html
Copyright © 2011-2022 走看看