Html 如何将使用绝对位置动态创建的div居中 str.Append（“

您可以将动态

封装在一个父级

宽高0像素中，并绝对位于页面中央，左：50%；上：50%；

CSS：

HTML带有静态维度：

---

这是一个给你的你可以把你的动态

放在一个宽高0像素的父级

内，绝对位于页面中央，左：50%；上：50%；

CSS：

HTML带有静态维度：

---

这是一个给你的

我不知道你的意思。你能详细描述一下吗？请参考图片…我创建了许多div，为了创建一个树形图，我将div的position属性设置为absolute。这将创建一个如图所示的图像。我使用一个容器div，然后将创建的html发送到容器div使用.html（）属性…现在我如何将容器div的位置居中。是否要将包装器div居中？还是所有内容（与表单一起）？所有内容与表单一起…容器div可以使用此html创建（假设很简单）？如果你愿意这样做，我可以告诉你如何居中。我不知道你的意思。你能用更多的细节来描述它吗？请参考图片…我创建了许多div，为了创建一个树形图，我将div的position属性设置为absolute。这将创建一个图片，如图所示。我使用的是container div，然后使用.html（）属性将创建的html发送到容器div…现在如何将容器div的位置居中。是否要将包装器div居中？还是将所有内容（与表单一起）？将所有内容与表单一起…容器div可以使用此html创建一个容器div（假设很简单）？如果您愿意，我可以向您演示如何将其居中。

str.Append("<div class=\"rect\" style=\"top:" + (rectangles.ElementAt(i).Y + 50).ToString() + "px;left:" + (rectangles.ElementAt(i).X + 50).ToString() + "px;width:" + (rectangles.ElementAt(i).Width - 1).ToString() + "px;height:" + (rectangles.ElementAt(i).Height - 1).ToString() + "px;position:absolute;\"</div>");

.bd_container {
  position: absolute;
  height: 0;
  width: 0;
  top: 50%;
  left: 50%;
}    

#bigdiv1 {
  position: absolute;
  height: 200px; /* Static height */
  width: 200px; /* Static width */
  background: blue;
  left: -100px;
  top: -100px;
}

#bigdiv2 {
  position: absolute;
  background: orange;
}

<div class="bd_container">
  <div id="bigdiv1"> <!-- Replace with your div -->
    <strong>Div 1</strong>
    <br /> With static dimensions and centered
  </div>
</div>

<div class="bd_container">
  <div id="bigdiv2"> <!-- Replace with your div -->
    <strong>Div 2</strong>
    <br /> With dynamic dimensions and centered
  </div>
</div>

var d2_width = parseInt($("#bigdiv2").css("width")) / 2;
var d2_height = parseInt($("#bigdiv2").css("height")) / 2;

$("#bigdiv2").css({
  "left": "-" + d2_width + "px",
  "top": "-" + d2_height + "px"
});