css中如何让字体居中

.container {
  text-align: center;
}

.center-block {
  margin-left: auto;
  margin-right: auto;
  width: 50%; /* 需要指定宽度 */
}

.vertical-center {
  height: 100px; /* 需要指定高度 */
  line-height: 100px;
}

.flex-container {
  display: flex;
  align-items: center;
  height: 100px; /* 需要指定高度 */
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 使用视口高度 */
}

.grid-center {
  display: grid;
  place-items: center;
  height: 100vh; /* 使用视口高度 */
}