CSS 实现垂直居中的有哪些方式?

2 min read
  1. 使用flexbox布局
  2. 使用绝对定位+margin:auto
  3. 使用table-cell布局
  4. 使用translate变换
  5. 使用grid布局
  6. 使用line-height和height等值且不为auto
  7. 使用vertical-align:middle
  8. 使用align-items:center和justify-content:center
  9. 使用display:flex和align-self:center
  10. 使用position:absolute和top:50%及transform:translateY(-50%)