码迷,mamicode.com
首页 > 其他好文 > 详细

不确定尺寸居中的办法

时间:2017-07-19 17:48:23      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:color   bsp   height   使用   元素   absolute   form   for   log   

不确定尺寸居中

.demo {
    position: absolute;
    top: 50%;
    left: 50%;
     transform: translate(-50%,-50%)
}

而另外一种使用margin的,这种是需要知道居中元素的宽高才能实现的

.demo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
}

 

不确定尺寸居中的办法

标签:color   bsp   height   使用   元素   absolute   form   for   log   

原文地址:http://www.cnblogs.com/kugeliu/p/7206689.html

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