子盒子相对于父盒子垂直居中详解

https://segmentfault.com/a/1190000016344599?utm_source=tag-newest
有什么作用?
严格实现垂直居中的几种方法
有哪几种方法?
1.position+margin
2.position+transform
3.flex
4.box-sizing+padding

这三种主要实现子盒子关于父盒子垂直居中的问题
头两种主要是 把儿子的左上角移动父亲高度的50% 然后在通过margin获取transform在移动儿子自己高度的50%
第三种就是直接居中了 采用的是弹性盒子模型的方式
不太严格的话 第三种也是比较方便的
white-space换行属性

发布了1 篇原创文章 · 获赞 0 · 访问量 11

猜你喜欢

转载自blog.csdn.net/weixin_46013844/article/details/104116838