使被调用的块相对于父块JS居中

被调用的块相对于父块JS居中，可以通过以下步骤实现：

首先，需要确定被调用的块和父块的HTML结构和CSS样式。确保父块具有相对定位（position: relative）的CSS属性，以便作为参考点进行居中。
使用JavaScript来计算被调用块的位置。可以通过以下步骤实现：
- 获取父块的宽度和高度，可以使用offsetWidth和offsetHeight属性。
- 获取被调用块的宽度和高度，同样可以使用offsetWidth和offsetHeight属性。
- 计算被调用块相对于父块的左边距和上边距，可以使用以下公式： leftMargin = (父块宽度 - 被调用块宽度) / 2 topMargin = (父块高度 - 被调用块高度) / 2

使用JavaScript来设置被调用块的位置。可以通过以下步骤实现：
- 获取被调用块的引用，可以使用getElementById或其他选择器方法。
- 设置被调用块的CSS属性，包括left和top属性，将其设置为计算得到的左边距和上边距值。

以下是一个示例代码：

HTML结构：

<div id="parentBlock">
  <div id="childBlock">被调用的块</div>
</div>

CSS样式：

#parentBlock {
  position: relative;
  width: 500px;
  height: 300px;
  border: 1px solid black;
}

#childBlock {
  position: absolute;
  width: 200px;
  height: 100px;
  background-color: lightblue;
}

JavaScript代码：

window.onload = function() {
  var parentBlock = document.getElementById("parentBlock");
  var childBlock = document.getElementById("childBlock");

  var parentWidth = parentBlock.offsetWidth;
  var parentHeight = parentBlock.offsetHeight;
  var childWidth = childBlock.offsetWidth;
  var childHeight = childBlock.offsetHeight;

  var leftMargin = (parentWidth - childWidth) / 2;
  var topMargin = (parentHeight - childHeight) / 2;

  childBlock.style.left = leftMargin + "px";
  childBlock.style.top = topMargin + "px";
};

这样，被调用的块就会相对于父块居中显示。请注意，这只是一个简单的示例，实际情况中可能需要根据具体需求进行调整。