css中flex盒子里的文字顶部对齐居中对齐

可以使用flex布局中的属性来实现文字的顶部对齐、居中对齐。

首先，将要设置顶部对齐和居中对齐的元素放在一个flex容器中，给这个容器设置display:flex属性即可。

然后，可以使用align-items属性来设置元素在交叉轴上的对齐方式，可以设置为center来实现垂直居中对齐。

最后，可以使用align-self属性来设置单个元素在交叉轴上的对齐方式，可以设置为flex-start来实现顶部对齐。

示例代码如下：

<div class="container">
  <div class="box">
    <p class="text">这是一段文字</p>
  </div>
</div>

.container {
  display: flex;
  align-items: center;
}

.box {
  display: flex;
  flex-direction: column;
}

.text {
  align-self: flex-start;
}

上面的代码将容器设置为flex布局，并使用align-items属性将容器内的元素在交叉轴上居中对齐。box元素使用flex-direction: column属性将内部元素纵向排列，然后使用align-self: flex-start属性将文字顶部对齐。