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