CSS 垂直居中

CSS垂直居中实现方式

table-cell + vertical-aligin :

DEMO

absolute + transform :

DEMO

flex + align-items :

DEMO

grid + align-self :

DEMO
0%