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

今天又学了一种新方法，其实不算新，只是我不知道而已，想想学了一年多，现在什么动效都能写点出来了，但是一些基础的东西还是掌握不好，所以我现在依然会一遍遍的复习h5和css3，这就是自学的坏处，不知道的东西不知道怎么去学，没有哪个视频或者书讲得很全的，几乎都有知识点没讲，我甚至看见过有几本书有些知识点讲错了（也有可能是我错了），好吧，言归正传，这个方法是定位，一张图片或者div要在一个已知的容器里左右对齐，上下对齐，或者说是居中吧，
第一种方法若使用上一层盒子为参照物，那么应该修改上一层的盒子为当前盒子的高度，然后通过原始高度减去当前高度，则为上一层盒子的上下padding距离
第二种方法若使用当前盒子为参照物，那么则应该修改当前盒子的margin等于上一层盒子减去当前盒子的高度为当前盒子的上下margin距离，上一层盒子的高度不变
这是上下的，左右的也一个道理，已知上一层的容器的宽度以及要操作的元素的宽度，修改上一层的宽度减去当前盒子的宽度，剩下的宽度除以2，这个数值就是当前要操作的盒子的单面margin值，不过这些方法都不利于维护，想要居中两种一起写就ok

转载于:https://www.cnblogs.com/willing-shang/p/6721563.html