css实现网页元素上下左右居中方法

因为设置margin：auto auto 垂直居中无用，以下是通过CSS设置让网页表格或者DIV，FLAAH等在浏览器窗口上下左右都居中方法，  
<styl e type="text/css">   
<!--    
di v {    position:absolute;    top:50%;    left:50%;    margin:-150px 0 0 -200px;    width:400px;    height:300px;    border:1px solid #008800;    }   
-->   
</sty le>   

<di v>    
<tabl e width="600" height="100%"   
border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"   >    
 <tr><td  valign="top" bgcolor="#006600"> css实现网页元素上下左右居中方法</td></tr></table>  


所以css实现网页元素上下左右居中方法具体方法解决的思路是这样的：首们需要position:absolute;绝对定位。而层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。如：一个层宽度是400，高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为－150。margin-left的值为－200。这样我们就实现了层垂直居中于浏览器的样式编写 注：上面的是一般用于垂直居中与浏览器，想解决div垂直居中与外层div的话，只需要给外层div加上position:relative;就好了；记住，外层div要设定高度和宽度  

专业网站建设，做网站公司，网站制作公司上联网络http://www.web258.cn   
  
   

上一篇 网页每次加载随机调用不同css样式表方法
上一篇 网页flash透明代码让FLASH背景透明不挡住下拉菜单方法
本方链接: http://www.web258.cn/article/show/i1229.html