关闭

DIV位置永恒居中

标签: divjavascripttablehtmlborderfunction
1109人阅读 评论(0) 收藏 举报
分类:

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

<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>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:70821次
    • 积分:1025
    • 等级:
    • 排名:千里之外
    • 原创:19篇
    • 转载:43篇
    • 译文:0篇
    • 评论:10条
    文章分类
    最新评论