html - 我的 flex 容器中的锚标记破坏了我的布局

Question

我希望第二个块引用元素看起来像第一个，但具有可点击的名称和图片，因此我将它们包装在锚标记中，它的行为不像我希望文本位于图像下方。使锚标记成为 flex 容器解决了我的问题，我只是不明白它为什么会这样。

.review__user a {
 display: flex;
 align-items: center;
 margin-right: auto;
}  

演示就在这里

Answer 1

尝试这个。希望能帮助到你。

.review__user a {
  display: flex;
  align-items: center;
  align-content: center;
  flex: 1;
}

Answer 2

.review__user, .review__user > a{
display: flex;
width:100%;
align-items: center;

}

试试这个，它会解决你的问题。希望能帮助到你。