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>
  • 相关阅读:
    vijos1198:最佳课题选择
    vijos1071:新年趣事之打牌
    vijos1153:猫狗大战
    bzoj3594: [Scoi2014]方伯伯的玉米田
    bzoj2753: [SCOI2012]滑雪与时间胶囊
    bzoj1923: [Sdoi2010]外星千足虫
    bzoj2783: [JLOI2012]树
    bzoj4590: [Shoi2015]自动刷题机
    bzoj4580: [Usaco2016 Open]248
    bzoj4579: [Usaco2016 Open]Closing the Farm
  • 原文地址:https://www.cnblogs.com/anson/p/356291.html
Copyright © 2011-2022 走看看