如何使节点数组在视图中居中？

// 获取视图容器元素
const container = document.getElementById('container');

// 获取节点数组
const nodes = document.getElementsByClassName('node');

// 计算视图的宽度和高度
const viewWidth = container.clientWidth;
const viewHeight = container.clientHeight;

// 计算节点数组的总宽度和总高度
let totalWidth = 0;
let totalHeight = 0;

for (let i = 0; i < nodes.length; i++) {
  totalWidth += nodes[i].clientWidth;
  totalHeight += nodes[i].clientHeight;
}

// 计算水平和垂直方向上的偏移量
const offsetX = (viewWidth - totalWidth) / 2;
const offsetY = (viewHeight - totalHeight) / 2;

// 应用偏移量到每个节点
for (let i = 0; i < nodes.length; i++) {
  nodes[i].style.left = offsetX + 'px';
  nodes[i].style.top = offsetY + 'px';
}