css如何设置字在框的正中间

CSS中，想要让字体在框的正中间对齐是很常见的需求。下面是几种实现该效果的方法：

.text-center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.text-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.text-center {
  line-height: /*框的高度*/;
  text-align: center;
  
  /* 垂直居中 */
  display: flex;
  justify-content: center;
  align-items: center;
}