Html 垂直对齐中间到绝对位置的子对象

看了我真的怎么解决这个问题。 考虑这个小YouTube搜索结果，它会带回视频、标题和小图像的缩略图。缩略图和标题可以垂直对齐，因为它们是相对于标题的。然而，我的小图像需要放置在中间，但也正确的= 0。因此，要使图像位置绝对，这会导致图像失去垂直对齐。或者是相对定位，从而导致它没有被放置在屏幕的右侧。我能把它放在垂直的中心和右边吗

请注意，我希望列表是动态的，因此无法设置高度，因为这将导致更多问题

.可移动项目{ 列表样式：无； 边框底部：1px实心2f； 垫底：1%； 垫面：1%； } 比尔登先生{ 边界半径：30%； 垂直对齐：中间对齐； 左缘：1%； } .头衔{ 显示：内联块； 最大宽度：50%； 垂直对齐：中间对齐； } .另外{ 垂直对齐：中间对齐； 光标：指针； 右：0； }

Roxette-它必须有

Roxette-它必须有

---

为此，您可以使用示例代码段中的flex

.可移动项目{ 列表样式：无； 显示器：flex； 对齐项目：居中； 对齐内容：居中对齐； 证明内容：拉伸； 柔性流：行； 高度：自动； 宽度：100%； 边框底部：1px实心2f； 垫底：1%； 垫面：1%； } 比尔登先生{ 边界半径：30%； 左缘：1%； 宽度：20%； } .头衔{ 显示：内联块； 宽度：calc70%-45px； 保证金：0自动； } .另外{ 宽度：6%； 光标：指针； 右：0； 宽度：45px； 高度：45px； }

Roxette-它必须有

Roxette-它必须有

---

我用这个来定位中间->右侧

.parent{
    position: relative;
    width: 400px; /* can be any */
    height: 400px; /* can be any */
}
.child{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

---

但是你设置了高度，这对你的回答来说是不可能的，看起来像是有意的！