div在上一层容器居中的方法

这个方法是定位,一张图片或者div要在一个已知的容器里左右对齐,上下对齐,或者说是居中吧,

第一种方法若使用上一层盒子为参照物,那么应该修改上一层的盒子为当前盒子的高度,然后通过原始高度减去当前高度,则为上一层盒子的上下padding距离

第二种方法若使用当前盒子为参照物,那么则应该修改当前盒子的margin等于上一层盒子减去当前盒子的高度为当前盒子的上下margin距离,上一层盒子的高度不变

这是上下的,左右的也一个道理,已知上一层的容器的宽度以及要操作的元素的宽度,修改上一层的宽度减去当前盒子的宽度,剩下的宽度除以2,这个数值就是当前要操作的盒子的单面margin值,不过这些方法都不利于维护,想要居中两种一起写就ok

欢迎分享本文,转载请保留出处:前端ABC » div在上一层容器居中的方法

分享到:更多 ()

发表评论 0