Javascript 隐藏和取消隐藏div元素后，img失去中心位置

我有一个函数，可以在单击按钮时隐藏和取消隐藏一个div元素，它工作得很好。问题是一旦div被隐藏，IMG就会失去其中心位置。我不知道是什么原因造成的。感谢您的帮助。提前谢谢

函数hide_unhide{ var x=document.getElementByIdcont1； 如果x.style.display==无{ x、 style.display=块； }否则{ x、 style.display=无； } } cont1{ 显示器：flex； 证明内容：中心； 对齐项目：居中； 背景色：黑色； }

---

切换这是一个简单的错误。您需要将其更改为flex，而不是block

function hide_unhide() {
  var x = document.getElementById("cont1");
  if (x.style.display === "none") {
    x.style.display = "flex";
  } else {
    x.style.display = "none";
  }
}