css 居中对齐在实现方式

左右居中

.hAlign {
  left: 50%;
  transform: translate(-50%, 0%);
}

垂直居中对齐

.vAlign{
  top: 50%;
  transform: translate(0%, -50%); 
}