手机
当前位置:查字典教程网 >网页设计 > 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

DIV+CSS页面布局中BUG解决方法

div中内容上下居中小结

通过CSS禁用页面内容选中和复制操作

如何在网页中插入CSS样式表

css控制div中元素居中的示例

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

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

css布局中的居中问题

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

精品推荐
分类导航