css - 如何做 `absolute` 定位元素连同 `justifyContent`

Question

我试图将我的内部 div 定位在其父级的右侧，距离右侧 20 像素，并且也在垂直中间。我使用了下面的 CSS，因此它到达父级的右侧，距离右侧 20 像素，但它还没有在中间。

<div styles={{ position: "relative", display: "flex"}} >
   <div styles={{  position: "absolute", right: 20, justifyContent: "center", }} >
       hello
   </div>
</div>

Answer 1

代替 justifyContent: "center"，在子 div 中使用 alignSelf: 'center' 可能对你有帮助。为了获得您想要的更准确的输出，您可以添加 width: 100% 和一些像素的高度，例如 40px 到父 div。