51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

水平垂直居中

# 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%);
}
赞(0)
未经允许不得转载:工具盒子 » 水平垂直居中