如何创建具有特定中心坐标的元素

Question

让我想象一下image中某个特定点的坐标我的意思是我知道它距左上边界的中心距离（EX：左：30px，顶部：37px）！

现在我可以在那个确切的位置创建一个元素（div）吗？ 实际上我想把这个位置给jquery，它为我创造了元素;并且我也希望能够做出响应，它指向任何屏幕（PC，LapTop，平板电脑，手机......）的精确点。

Answer 1

您可以像这样在X轴和Y轴上转换div中心 -

#elem{
    position:absolute;
    top:37px;
    left:30px;
    transform: translateX(-50%) translateY(-50%);
}

小提琴here

注意：位置属性仅适用于此示例。这取决于你对其他元素的位置如何定位。