css文本居中对齐

/* 行内元素 */
.inline-element {
  text-align: center;
}

/* 块级元素 */
.block-element {
  margin-left: auto;
  margin-right: auto;
  width: fit-content; /* 或者使用固定宽度 */
}

.vertical-center {
  line-height: 100px; /* 设置与容器高度相同的line-height */
}

.parent {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh; /* 设置容器高度 */
}

.parent {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh; /* 设置容器高度 */
}

.container {
  text-align: center; /* 水平居中 */
  height: 100vh; /* 设置容器高度 */
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
}