Question

我想显示用户个人资料图片列表。每个配置文件图像都应该是可点击的，每个用户图像也应该与用户名称重叠。换句话说，用户名应该在他们的图像之上。

我想让<a>成为一个灵活容器。当我这样做时，垂直对齐是正确的，但我需要手动控制水平对齐，使文本覆盖图像。

如何使用flexbox使一个弹性项与另一个弹性项重叠？

<a>
    <img src="someurl">
    <span>some name</span>
</a>

Answer 1

我不认为这与flexbox有任何关系。这听起来像positioning类型的问题。

＆＃13;

a{
  position: relative;
  display:block;
  width:200px;
  height: 200px;
}

a span{
  position: absolute;
  bottom: 0;
}

＆＃13;

<a>
    <img src="http://placehold.it/200x200">
    <span>some name</span>
</a>

＆＃13;