让text在div内居中的方法

方法1：line-height等于div的height

div {
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}

方法二：flex布局

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