DIV位置永恒居中

转载 2006年06月15日 17:05:00

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

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

对话框最大化控件居中位置不变

  • 2016年08月21日 20:57
  • 4.16MB
  • 下载

DIV完全居中

  • 2013年07月02日 10:48
  • 527B
  • 下载

img垂直居中于固定宽高度的div中

无标题文档 .blue_idea{ width:180px; height:100px; border:#f00 1px solid; text-align:center; displ...

绝对居中div

  • 2008年04月17日 00:49
  • 897B
  • 下载

纯css实现div中未知尺寸图片的垂直居中

1.淘宝的方法 在曾经的"淘宝UED招聘"中有这样一道题目: “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意,而是有...

图片居中到div中显示

  • 2013年01月08日 17:54
  • 2KB
  • 下载

div中多行文字垂直居中

  • 2016年07月21日 14:16
  • 678B
  • 下载

jQuery设置div居中及实现遮罩层

jquer设置div居中级实现遮罩层 这里主要讲遮罩层 web前端开发,写网站静态页面时经常遇到些遮罩层和设置div(物体)居中。 这里又我自己写的一个实例,提供参考。 一、效果图 效果图1: ...

Div使用margin居中常见问题

  • 2014年04月30日 16:07
  • 2KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DIV位置永恒居中
举报原因:
原因补充:

(最多只允许输入30个字)