Html 文本对齐不'；不要在flexbox内工作

我解决不了我的问题。在我的div.display上，文本对齐不起作用。 在flexbox外部，该div工作正常。 请帮忙

C
1234124
.盒子{
显示器：flex；
对齐项目：居中；
证明内容：中心；
弯曲方向：立柱；
宽度：250px；
填充：15px 15px；
边界半径：10px；
背景色：#f55d2e；
保证金：0自动；
}
.包厢部{
显示器：flex；
宽度：250px；
高度：自动；
}
.展示{
宽度：100%；
高度：100px；
背景色：白色；
盒影：0 6px#efa424；
文本阴影：1px2p1px#3E2723；
边界半径：7px；
填充：2px2px；
文本对齐：右对齐；
}

您可以使用

justify content:flex end而不是
文本对齐：右。希望这能解决您的问题

.box {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;  
      width: 250px;
      padding: 15px 15px;
      border-radius: 10px;
      background-color: #f55d2e;
      margin: 0 auto;   
    }

     .box div{
       display: flex;
       width: 250px;
       height: auto;  
    }

    .display {
      width: 100%;
      height: 100px;
      background-color: white;
      box-shadow: 0 6px #efa424;
      text-shadow: 1px 2px 1px #3E2723;
      border-radius: 7px;
      padding: 2px 2px;
      justify-content: flex-end;
    }

哦，是的！谢谢您！因为这是个谜。
.box {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;  
      width: 250px;
      padding: 15px 15px;
      border-radius: 10px;
      background-color: #f55d2e;
      margin: 0 auto;   
    }

     .box div{
       display: flex;
       width: 250px;
       height: auto;  
    }

    .display {
      width: 100%;
      height: 100px;
      background-color: white;
      box-shadow: 0 6px #efa424;
      text-shadow: 1px 2px 1px #3E2723;
      border-radius: 7px;
      padding: 2px 2px;
      justify-content: flex-end;
    }