按钮不会在屏幕中心对齐

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

.button {
  /* 按钮样式 */
}

.button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 按钮样式 */
}

var button = document.querySelector('.button');
button.style.position = 'absolute';
button.style.top = '50%';
button.style.left = '50%';
button.style.transform = 'translate(-50%, -50%)';