原文网址: http://yanhaijing.com/CSS/2018/01/17/horizontal-vertical-center/
很多面试官喜欢通过这个问题考察一下面试者对 css 的了解, 曾经我也被面试官问到了, 但平时自己并未归纳过, 所以觉得总结归纳一下这个问题
总结了一下大概有下面这些方法, 本文将逐一介绍一下, 我将本文整理成了一个 github 仓库 https://github.com/yanhaijing/vertical-center , 欢迎大家 star, 预览效果在这里
lineheight
absolute + 负 margin
- absolute + margin auto
- absolute + calc
- absolute + transform
- table
- css-table
- writing-mode
- flex
- grid
- lineheight
absolute + 负 margin
- absolute + margin auto
- absolute + calc
- absolute + transform
- table
- css-table
- writing-mode
- flex
- grid
总结
原文网址: http://yanhaijing.com/css/2018/01/17/horizontal-vertical-center/
来源: http://yanhaijing.com/css/2018/01/17/horizontal-vertical-center/