如何水平对齐状态栏项目文本？

.status-bar {
  display: flex;
  justify-content: space-between; /* 水平对齐方式 */
}

.status-bar-item {
  display: inline-block; /* 或者使用块级元素，如div */
  text-align: center; /* 水平对齐方式 */
}

.status-bar-item {
  position: relative;
}

.status-bar-item-text {
  position: absolute;
  left: 0; /* 左对齐 */
  right: 0; /* 右对齐 */
  text-align: center; /* 水平对齐方式 */
}