CSS + JAVASCRIPT |隐藏的按钮移动可见性按钮

Question

我使用2个按钮。我需要隐藏一个按钮，然后将另一个按钮（可见性按钮）居中。但是问题在于隐藏的按钮占据了空间，而另一个按钮没有居中。情况B：button1应该居中，但是有一个button2隐藏了，占据了空间并将button1向左移动。应该可以看到情况C和D。（可见性按钮居中）。

为什么？

Javascript（B）：

document.getElementById('button1').style.visibility='visible';
document.getElementById('button2').style.visibility=hidden';

谢谢！

Answer 1

使用可见性='隐藏'，该元素将不可见，但它将呈现并占用空间。

而不是使用style =“ display：none”，因为该元素将完全不会呈现，也不会占用空间。