HTML/CSS-基于页面中心指定绝对位置

我在我的网站上添加了一些非常酷的装饰。我在CSS中使用左属性和右属性分配它们的位置，如下所示：

left: 32px;
position: absolute;

现在，如果用户的屏幕很宽，那么这些装饰的位置就会有点偏离。所以我想知道，不是根据屏幕的左端或右端分配这些图像，而是可以从中心分配它们的位置，比如：

rightOfCenter: 12px;

---

搜索了一下，但什么也没找到。这项功能可能不存在，但如果它存在的话，那就太酷了！谢谢。

是的，例如，您可以将左边距添加到50%，然后使用left属性进一步定位元素

div {
  background: #eee;
  position: absolute;
  margin-left:50%;
  left: -50px;
  width: 100px;
  height: 100px;
}

请看这里：

尝试使用

left

属性。所以你的

rightOfCenter:12px实际上是
左：12px
现在

.parent{
display:flex;
width:500px;
height:500px;
}
.child{
margin:auto;
width:10px;
height:10px;

}

这将使子元素始终位于父元素的中心。
若你们想把它对准中心的右边13px，只需做边距：自动计算（50%-13px）自动；
 你可以在屏幕中间包含一个空白div，并在中心div的基础上将后缀窗口与填充符对齐。

您能为您的问题添加更多的上下文吗？如果您也可以创建一个JSFIDLE示例，那么就更容易理解您在这里要完成的任务。