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

DIV+CSS常用网页制作布局技术技巧

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

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

CSS div居中的三种方法

页脚始终保持在页面底部的网页布局方法

Div+CSS布局入门

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

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

div中内容上下居中小结

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

精品推荐
分类导航