# 1. flex布局 {#_1-flex布局}

elem {
  display: flex;
  align-items: center;
  justify-content: center;
}

移动端场景兼容

配合 line-height: normal; ；另外需要注意 font-size 最好不要使用奇数，即可完美解决移动端安卓按钮文字偏上问题。

# 2. position: absolute + translate {#_2-position-absolute-translate}

parent {
  position: relative;
}
elem {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}