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

Question

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

为什么？

Javascript (B):

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

谢谢！

标签： javascriptcss

Answer 1

使用 visibility = 'hidden' 元素将不可见，但会呈现并占用空间。

而是使用 style="display:none" 因为元素根本不会被渲染并且不会占用空间。