绝对中心动态div数

<div class="container">
  <div class="dynamic-div">Div 1</div>
  <div class="dynamic-div">Div 2</div>
  <div class="dynamic-div">Div 3</div>
  <!-- 更多动态添加的div元素 -->
</div>

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  /* 或者使用绝对定位方式 */
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
}

var container = document.querySelector('.container');

// 示例代码，动态添加3个div元素
for (var i = 1; i <= 3; i++) {
  var div = document.createElement('div');
  div.className = 'dynamic-div';
  div.textContent = 'Div ' + i;
  container.appendChild(div);
}