17 January 2018
号外号外:我的新书《React状态管理与同构实战》出版啦!!!快点我查看
号外号外:美团招聘前端啦!地点:北京!!!快点我查看
号外号外:一组小而美的JavaScript迷你库!!!快点我查看

很多面试官喜欢通过这个问题考察一下面试者对css的了解,曾经我也被面试官问到了,但平时自己并未归纳过,所以觉得总结归纳一下这个问题

总结了一下大概有下面这些方法,本文将逐一介绍一下,我将本文整理成了一个github仓库,欢迎大家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/

微信公众号:颜海镜
关注微信公众号 颜海镜
微信支付二维码
赞赏支持 微信扫一扫