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

◇◆丶佛笑我妖孽 提交于 2020-01-31 04:22:02

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换行属性

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!