码迷,mamicode.com
首页 > Web开发 > 详细

css 常用的绝对定位元素水平垂直居中的方法

时间:2017-09-25 14:34:04      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:pad   div   absolute   margin   两种   script   定位   highlight   rip   

两种方法都能够实现:

1.

div {  
  height:80%; /*一定要设置高度*/ 
 overflow:hidden;/*建议设置*/ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

2.

div{  
   position: absolute;  
   width: 80%;  
   height: 60%;  
   padding: 2%;   
   top: 50%;
   left: 50%;  
   margin-left: -41%;  /* (width + padding)/2 */  
   margin-top: -31%;  /* (height + padding)/2 */  
}     

  

css 常用的绝对定位元素水平垂直居中的方法

标签:pad   div   absolute   margin   两种   script   定位   highlight   rip   

原文地址:http://www.cnblogs.com/lilelile/p/7591413.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!