引导程序导航居中问题

.nav-container {
  display: flex;
  justify-content: center;
}

.nav-item {
  /* 导航菜单样式 */
}

.nav-container {
  position: relative;
}

.nav-item {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  /* 导航菜单样式 */
}

window.addEventListener('resize', centerNav);

function centerNav() {
  var navContainer = document.querySelector('.nav-container');
  var navItem = document.querySelector('.nav-item');
  var containerWidth = navContainer.offsetWidth;
  var itemWidth = navItem.offsetWidth;
  var leftOffset = (containerWidth - itemWidth) / 2;
  navItem.style.left = leftOffset + 'px';
}

// 页面加载完成后初始化导航居中
window.addEventListener('load', centerNav);