手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >Div 在页面中居中
Div 在页面中居中
摘要:以下为让div显示在浏览器正中间的样式#centerdiv{position:absolute;top:50%;left:50%;margi...

 以下为让div显示在浏览器正中间的样式

<style type="text/css"> 
#centerdiv { 
position:absolute; <!--这个属性是设置div以绝对位置显示-->
top:50%;           <!--在离顶部50%的位置显示-->
left:50%;          <!--在离左边50%的位置显示-->
margin:-150px 0 0 -100px;    <!--这个设置大家开始一看,可能觉得好像不是很明白,在下面为大家详细讲解--> 
width:300px; 
height:200px;
background:black; 
}  
</style> 

 

【Div 在页面中居中】相关文章:

页面制作如何用好border和clear

怎样在网页中显示虚线

css控制div不能居中的解决办法

div中内容上下居中小结

DIV+CSS 全屏垂直居中的一个办法

CSS如何使DIV层居中

DIV+CSS常用的网页布局代码

CSS制作网页中的虚线

div中内容上下居中小结教程

在CSS中关于字体处理效果的思考

精品推荐
分类导航