yigexiaobai_1的博客

通过子绝父相left50%top50%让子盒子定到接近父盒子中心的位置,再通过上外边距和左外边距负的子盒子自身宽高一半的距离就可以让子盒子在父盒子中水平垂直居中(这里要注意,定位用了left和top后外边距只能使用left和top用right和bottom无效)让父盒子变成flex弹性盒子,再给父盒子加样式justify-contentcenter;(垂直居中),就可以实现子盒子水平垂直居中。这种方法也是先子绝父相定位,再给子盒子上下左右全为0,再使用marginauto;...

先看一个案例所展示的行内块元素因换行带来的间隔问题,俺直接上截图从第一张截图可以看到大盒子的宽度为640px,每个小a盒子的宽度为80px,按道理来说8个小a盒子的宽度加起来刚好等于640px,但从第二张截图的效果可以看出最后一个小a盒子由于父元素的宽度不够而掉了下来,这正是俺接下来要说的再来一张截图可以更加清楚地看见行内块元素之间因换行而带来的间隔。......