手机
当前位置:查字典教程网 >网页设计 > 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 在页面中居中】相关文章:

网页中css内容换行控制

css布局中的居中问题

CSS制作网页中的虚线

页面背景图片的拉伸实现代码

CSS如何使DIV层居中

css实现图片在div中居中的效果

DIV+CSS制作的网页如何让网页居中

怎样在网页中显示虚线

Div+CSS布局入门

Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法

精品推荐
分类导航